https://www.techlockdown.com/

Submitted URL:
https://techlockdown.com/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 7 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" style="color-scheme: light;" class=""><head>
    <meta charset="utf-8">
    <link rel="icon" href="https://www.techlockdown.com/favicon-color-32x32.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
		<link href="./_app/immutable/assets/0.0e74f24d.css" rel="stylesheet">
		<link rel="modulepreload" href="./_app/immutable/entry/start.75b87505.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.c87622ff.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/singletons.4b537793.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.27fa4fb8.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/paths.1e5863e4.js">
		<link rel="modulepreload" href="./_app/immutable/entry/app.804e18e3.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.5ff6275e.js">
		<link rel="modulepreload" href="./_app/immutable/nodes/0.581c3655.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.0ee8ead6.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/utils.2c359fff.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/clsx.m.1229b3e0.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.40b40403.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/overridable.5034792d.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/id.2d4de81a.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/updater.8b3c22a9.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/array.ad16f82c.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/attrs.c422499c.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/each.f8c974ef.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/plausible.6c0e5d43.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/stores.ab9f6403.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/button.2af99ef4.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/spread.8a54911c.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/Icon.57e03e2a.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/users.66287970.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/Icon.a0076981.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/events.87ce60f2.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.5b9f0461.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/graduation-cap.2d36e806.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/info.4ebe4b86.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/globe-lock.f14ff455.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/timer.2bc22abf.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/slugify.4fa78cb2.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/public.3bf6d801.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/subscribe.991b2d29.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/input.9fcd1913.js">
		<link rel="modulepreload" href="./_app/immutable/nodes/10.2f154a28.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/separator.7fc64f1f.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/mock-calendar.d03fe42c.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/smartphone.2a757fd2.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.4ad0e166.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/ban.74b4bd65.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/card-title.f77087fa.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/faqs.9c3f1def.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/index.26760810.js">
		<link rel="modulepreload" href="./_app/immutable/chunks/meta.c6201da3.js"><title>Ban Unwanted Content from your Technology | Tech Lockdown</title><script data-domain="techlockdown.com" src="/js/script.local.outbound-links.js" defer=""></script><!-- HTML_TAG_START --><!-- HTML_TAG_END --><script nonce="%sveltekit.nonce%">(function $l(t,e){const i=document.documentElement,n=localStorage.getItem("mode-watcher-mode")||t,l=n==="light"||n==="system"&&window.matchMedia("(prefers-color-scheme: light)").matches;if(i.classList[l?"remove":"add"]("dark"),i.style.colorScheme=l?"light":"dark",e){const o=document.querySelector('meta[name="theme-color"]');o&&o.setAttribute("content",n==="light"?e.light:e.dark)}localStorage.setItem("mode-watcher-mode",n)})("system");</script><meta name="description" content="Learn the best methods for blocking unwanted content on computers and smartphones"><meta name="author" content="Tech Lockdown"><link rel="canonical" href="https://www.techlockdown.com/">
  <link rel="modulepreload" as="script" crossorigin="" href="https://www.techlockdown.com/_app/immutable/nodes/1.9efe5852.js"><link rel="stylesheet" href="https://www.techlockdown.com/_app/immutable/assets/1.69e7eb2f.css"></head>
  <body>
    <div> <div class="sticky top-0 z-20 max-w-full w-full border-b border-muted bg-background"><header class="hidden md:block"><nav class="container" aria-label="Top"><div class="flex flex-col gap-4 sm:gap-0 sm:flex-row w-full items-center justify-between border-b py-4 sm:py-4 lg:border-none"><div class="flex items-center w-full"><a href="/"><div class="font-bold text-lg text-gray-900 dark:text-white flex items-center gap-2"><span class="sr-only" data-svelte-h="svelte-1gz64ay">Tech Lockdown</span> <img src="/brand/logo.svg" alt="Tech Lockdown" class="dark:hidden h-5 md:h-6 w-auto"> <img src="/brand/logo-white.svg" alt="Tech Lockdown" class="hidden dark:block h-5 md:h-6 w-auto"></div></a> <div class="mx-auto flex gap-8"> <button type="button" role="button" aria-haspopup="dialog" aria-expanded="true" data-state="open" id="Nolr7TM8Ah" data-melt-popover-trigger="" data-popover-trigger="" class="text-base font-normal hover:text-primary flex items-center gap-0.5">Features <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-chevron-down size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg></button>   <button type="button" role="button" aria-haspopup="dialog" aria-expanded="true" data-state="open" id="OYxo3FmyH1" data-melt-popover-trigger="" data-popover-trigger="" class="text-base font-normal hover:text-primary flex items-center gap-0.5">Learn <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-chevron-down size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg></button>   <button type="button" role="button" aria-haspopup="dialog" aria-expanded="true" data-state="open" id="ubQHeSGYCI" data-melt-popover-trigger="" data-popover-trigger="" class="text-base font-normal hover:text-primary flex items-center gap-0.5">Help <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-chevron-down size-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg></button>  <a href="/pricing" class="text-base font-normal hover:text-primary">Pricing</a> </div></div> <div class="flex gap-4"><a href="/login" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2" rel="noreferrer" data-button-root="">Login</a> <a href="https://dashboard.techlockdown.com/login?view=sign_up&amp;ref=header" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2" rel="noreferrer" target="_blank" data-button-root="">Free Trial</a></div></div></nav></header> <header class="bg-background shadow border-b md:hidden max-w-full"><div class="flex justify-between items-center h-16 px-2 sm:px-4 lg:px-8"><div class="absolute left-4"><a href="/"><div class="font-bold text-lg text-gray-900 dark:text-white flex items-center gap-2"><span class="sr-only" data-svelte-h="svelte-1gz64ay">Tech Lockdown</span> <img src="/brand/logo.svg" alt="Tech Lockdown" class="dark:hidden h-5 md:h-6 w-auto"> <img src="/brand/logo-white.svg" alt="Tech Lockdown" class="hidden dark:block h-5 md:h-6 w-auto"></div></a></div> <div class="relative inline-flex items-center justify-center ml-auto"><a href="https://dashboard.techlockdown.com/login?view=sign_up&amp;ref=header" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-8 rounded-md px-3 text-xs" rel="noreferrer" target="_blank" data-button-root="">Free Trial</a></div> <div class="relative z-10 lg:hidden"><button class="relative inline-flex items-center justify-center rounded-md p-2 dark:text-zinc-600 text-gray-400 hover:border-zinc-600 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-orange-500"><span class="absolute -inset-0.5"></span> <span class="sr-only" data-svelte-h="svelte-rsbkxi">Open menu</span> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="block h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div> </header></div> <main>  <div class="relative isolate overflow-hidden bg-background"><svg class="absolute inset-0 -z-10 h-full w-full stroke-border [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true"><defs><pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse"><path d="M.5 200V.5H200" fill="none"></path></pattern></defs><svg x="50%" y="-1" class="overflow-visible fill-muted/50"><path d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z" stroke-width="0"></path></svg><rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)"></rect></svg> <div class="container pt-12 pb-12 sm:pt-12 sm:pb-20"><div><div><div class="flex items-center sm:justify-center mx-auto my-10 space-x-2.5"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-smartphone w-8 h-8 my-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-wifi w-8 h-8 my-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13a10 10 0 0 1 14 0"></path><path d="M8.5 16.5a5 5 0 0 1 7 0"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><line x1="12" x2="12.01" y1="20" y2="20"></line></svg> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor w-8 h-8 my-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div> <h1 class="text-4xl font-bold sm:text-center sm:text-6xl">Ban Unwanted Content from your Technology</h1> <p class="max-w-2xl mx-auto mt-6 text-2xl text-muted-foreground sm:text-center">Regain Control with Effective Blocking and Bypass Prevention</p> <div class="mt-8 flex gap-x-4 sm:justify-center"><a href="https://dashboard.techlockdown.com/login?view=sign_up" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-10 rounded-md px-8" slot="button" target="_blank" data-button-root="">Start Free Trial</a></div></div></div></div> <div class="container pb-10"><div class="bg-muted/50 shadow-xl border rounded-xl max-w-md sm:max-w-xl mx-auto"><div id="fPqgrWM-bP" data-melt-scroll-area="" class="relative overflow-hidden h-[600px] space-y-4 p-4" data-scroll-area-root="" style="overflow: hidden;"><style>
				/* Hide scrollbars cross-browser and enable momentum scroll for touch
					devices */
				[data-melt-scroll-area-viewport] {
					scrollbar-width: none;
					-ms-overflow-style: none;
					-webkit-overflow-scrolling: touch;
				}

				[data-melt-scroll-area-viewport]::-webkit-scrollbar {
					display: none;
				}
			</style><div id="Ncg6qxl17w" data-melt-scroll-area-viewport="" class="h-full w-full rounded-[inherit]" data-scroll-area-viewport="" style="overflow: hidden scroll;"><div id="DgxwNsWLU9" data-melt-scroll-area-content="" data-scroll-area-content="" style="min-width: 100%; display: table;"><div class="space-y-4"><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">Security Threats</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-red-700">block</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center text-muted-foreground"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">everyone</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">Adult Content</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-red-700">block</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center text-muted-foreground"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">everyone</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">LinkedIn</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-green-700">allow</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">John</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">Distracting Apps</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-red-700">block</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">John</div></div> <div class="flex gap-1 items-center"><div class="capitalize">Work hours</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">Block Entire Internet</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-red-700">block</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center text-muted-foreground"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">everyone</div></div> <div class="flex gap-1 items-center"><div class="capitalize">At Night</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">YouTube Clickbait Thumbnails</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-red-700">block</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center text-muted-foreground"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">everyone</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">Enforce SafeSearch</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-gray-700">safesearch</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center text-muted-foreground"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">everyone</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div><div class="bg-background border rounded-xl p-4 flex flex-col gap-4 pointer-events-none"><div class="flex justify-between"><div class="font-semibold sm:text-lg">YouTube Filter</div> <div class="text-white w-24 text-center uppercase inline-flex justify-center items-center gap-x-0.5 rounded-md px-2 py-1 text-xs font-medium ring-1 ring-inset ring-gray-500/10 bg-gray-700">ytrestricted</div></div> <div class="flex justify-between text-xs"><div class="flex gap-1 items-center"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg> <div class="capitalize">Billy</div></div> <div class="flex gap-1 items-center text-muted-foreground"><div class="capitalize">always</div> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg></div></div> </div></div></div></div> <div data-state="hidden" data-melt-scroll-area-scrollbar="" class="flex touch-none select-none transition-colors h-full w-2.5 border-l border-l-transparent p-px" data-scroll-area-scrollbar-y="" style="position: absolute; top: 0px; right: 0px; bottom: var(--melt-scroll-area-corner-height); --melt-scroll-area-thumb-height: 18px; visibility: hidden;"> <div data-state="hidden" data-melt-scroll-area-thumb="" class="relative rounded-full bg-border flex-1" data-scroll-area-thumb-y="" style="width: var(--melt-scroll-area-thumb-width); height: var(--melt-scroll-area-thumb-height); transform: translate3d(0px, 0px, 0px);"></div></div>  <div data-melt-scroll-area-corner="" data-scroll-area-corner="" style="display: none; width: 0px; height: 0px; position: absolute; right: 0px; bottom: 0px;"></div></div></div></div></div> <section class="relative"><svg class="absolute inset-0 -z-10 h-full w-full stroke-border [mask-image:radial-gradient(100%_100%_at_top_left,white,transparent)]" aria-hidden="true"><defs><pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse"><path d="M199.5 200V.5H0" fill="none"></path></pattern></defs><svg x="50%" y="-1" class="overflow-visible fill-muted/50"><path d="M0 0h201v201h-201Z M800 0h201v201h-201Z M200 600h201v201h-201Z M600 800h201v201h-201Z" stroke-width="0"></path></svg><rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)"></rect></svg> <section class="py-24"><div class="container"><div class="text-center mb-12"><h1 class="font-bold tracking-tighter lg:leading-[1.1] sm:text-center text-left text-3xl md:text-6xl">Customize a Content Policy</h1> <p class="mt-6 text-2xl text-muted-foreground mx-auto max-w-md">Specify <strong data-svelte-h="svelte-n4acih"><em>what</em></strong> is blocked,
        <strong data-svelte-h="svelte-v4me23"><em>who</em></strong> it is blocked for, and <strong data-svelte-h="svelte-e25no3"><em>when</em></strong> it is blocked.</p></div> <div class="mx-auto grid justify-center gap-4 sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3"><div class="relative overflow-hidden rounded-lg border bg-background p-2"><div class="flex h-[180px] flex-col justify-between rounded-md p-6"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-globe w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" x2="22" y1="12" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> <div class="space-y-2"><h3 class="text-lg font-bold">Content</h3> <p class="text-md text-muted-foreground">Select from <strong>120+ categories</strong>, <strong>400+ apps</strong>, and your own list of domains</p></div></div> </div><div class="relative overflow-hidden rounded-lg border bg-background p-2"><div class="flex h-[180px] flex-col justify-between rounded-md p-6"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg> <div class="space-y-2"><h3 class="text-lg font-bold">Scheduling</h3> <p class="text-md text-muted-foreground">Pick recurring days/times for when a rule is applied.</p></div></div> </div><div class="relative overflow-hidden rounded-lg border bg-background p-2"><div class="flex h-[180px] flex-col justify-between rounded-md p-6"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> <div class="space-y-2"><h3 class="text-lg font-bold">Audience</h3> <p class="text-md text-muted-foreground">Apply a rule to everyone or pick specific devices.</p></div></div> </div></div></div></section></section> <section id="schedule" class="py-24"><div class="container" data-svelte-h="svelte-450urf"><div class="text-center mb-12"><h1 class="text-3xl font-bold leading-tight tracking-tighter md:text-6xl lg:leading-[1.1] text-center">Schedule Internet Usage</h1> <p class="mt-6 text-2xl text-muted-foreground sm:text-center bg-background mx-auto max-w-2xl">Block some things always (Adult Content, Security threats), then use scheduled rules to
        fine-tune access to everything else.</p> </div></div> <div class="max-w-6xl mx-auto"><div class="bg-muted/50 shadow-xl border rounded-xl overflow-hidden"><div class="flex h-full flex-col"><div class="isolate flex flex-auto flex-col overflow-auto bg-background"><div style="width: 165%" class="flex max-w-full flex-none flex-col sm:max-w-none md:max-w-full"><div class="sticky top-0 z-30 flex-none bg-background shadow ring-1 ring-black ring-opacity-5 sm:pr-8" data-svelte-h="svelte-fqbwhm"><div class="grid grid-cols-7 text-sm leading-6 text-gray-500 sm:hidden"><button type="button" class="flex flex-col items-center pb-3 pt-2">M <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">10</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">11</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">W <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">12</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">T <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">13</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">F <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">14</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">15</span></button> <button type="button" class="flex flex-col items-center pb-3 pt-2">S <span class="mt-1 flex h-8 w-8 items-center justify-center font-semibold text-gray-900">16</span></button></div> <div class="pl-10 -mr-px hidden grid-cols-7 divide-x divide-border border-r border-border text-sm leading-6 sm:grid"><div class="flex items-center justify-center py-3"><span>Mon</span></div> <div class="flex items-center justify-center py-3"><span>Tue</span></div> <div class="flex items-center justify-center py-3"><span class="flex items-baseline">Wed</span></div> <div class="flex items-center justify-center py-3"><span>Thu</span></div> <div class="flex items-center justify-center py-3"><span>Fri</span></div> <div class="flex items-center justify-center py-3"><span>Sat</span></div> <div class="flex items-center justify-center py-3"><span>Sun</span></div></div></div> <div id="dmZHywwXWV" data-melt-scroll-area="" class="relative overflow-hidden h-[600px] flex flex-auto" data-scroll-area-root="" style="overflow: hidden;"><style>
				/* Hide scrollbars cross-browser and enable momentum scroll for touch
					devices */
				[data-melt-scroll-area-viewport] {
					scrollbar-width: none;
					-ms-overflow-style: none;
					-webkit-overflow-scrolling: touch;
				}

				[data-melt-scroll-area-viewport]::-webkit-scrollbar {
					display: none;
				}
			</style><div id="hLRbzvDxIV" data-melt-scroll-area-viewport="" class="h-full w-full rounded-[inherit]" data-scroll-area-viewport="" style="overflow: hidden scroll;"><div id="z2e6T0ot-v" data-melt-scroll-area-content="" data-scroll-area-content="" style="min-width: 100%; display: table;"><div class="sticky left-0 z-10 w-14 flex-none bg-background ring-1 ring-muted"></div> <div class="grid flex-auto grid-cols-1 grid-rows-1"><div class="-ml-4 col-start-1 col-end-2 row-start-1 grid divide-y divide-border" style="grid-template-rows: repeat(16, minmax(3.5rem, 1fr))"><div class="row-end-1 h-7"></div> <div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">8AM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">10AM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">12PM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">2PM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">4PM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">6PM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">8PM</div></div> <div></div><div><div class="sticky left-0 z-20 -mt-2.5 w-12 pr-2 text-right text-xs leading-5 text-gray-400">10PM</div></div> <div></div></div> <div class="col-start-1 col-end-2 row-start-1 hidden grid-cols-7 divide-x divide-border sm:grid sm:grid-cols-7 pl-10 -mr-px border-r border-border text-sm leading-6 text-gray-500" data-svelte-h="svelte-1iwxs0b"><div class="col-start-1 row-span-full"></div> <div class="col-start-2 row-span-full"></div> <div class="col-start-3 row-span-full"></div> <div class="col-start-4 row-span-full"></div> <div class="col-start-5 row-span-full"></div> <div class="col-start-6 row-span-full"></div> <div class="col-start-7 row-span-full"></div> <div class="col-start-8 row-span-full w-8"></div></div> <ol class="pl-10 col-start-1 col-end-2 row-start-1 grid grid-cols-1 sm:grid-cols-7 sm:pr-8" style="grid-template-rows: 1.75rem repeat(96, minmax(0, 1fr)) auto"><li class="relative mt-px flex z-10 sm:col-start-1" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-1" style="grid-row: 7 / span 48"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1ae2qyx">Block Social Media</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-1" style="grid-row: 40 / span 39"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5 border border-red-800 ml-2"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Jane's Devices</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-1" style="grid-row: 79 / span 22"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li><li class="relative mt-px flex z-10 sm:col-start-2" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-2" style="grid-row: 7 / span 48"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1ae2qyx">Block Social Media</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-2" style="grid-row: 40 / span 39"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5 border border-red-800 ml-2"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Jane's Devices</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-2" style="grid-row: 79 / span 22"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li><li class="relative mt-px flex z-10 sm:col-start-3" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-3" style="grid-row: 7 / span 48"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1ae2qyx">Block Social Media</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-3" style="grid-row: 40 / span 39"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5 border border-red-800 ml-2"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Jane's Devices</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-3" style="grid-row: 79 / span 22"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li><li class="relative mt-px flex z-10 sm:col-start-4" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-4" style="grid-row: 7 / span 48"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1ae2qyx">Block Social Media</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-4" style="grid-row: 40 / span 39"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5 border border-red-800 ml-2"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Jane's Devices</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-4" style="grid-row: 79 / span 22"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li><li class="relative mt-px flex z-10 sm:col-start-5" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-5" style="grid-row: 7 / span 48"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1ae2qyx">Block Social Media</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-5" style="grid-row: 40 / span 39"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5 border border-red-800 ml-2"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                      Jane's Devices</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-5" style="grid-row: 79 / span 22"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li><li class="relative mt-px flex z-10 sm:col-start-6" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex z-10 sm:col-start-7" style="grid-row: 1 / span 6"><div class="-mt-4 pt-8 group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-7" style="grid-row: 7 / span 77"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-1593nmi">Block Email</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg>
                      John's iPhone</p> <div></div></div></li> <li class="relative mt-px flex sm:col-start-7" style="grid-row: 84 / span 16"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-red-700 p-2 text-xs leading-5"><p class="font-semibold text-white" data-svelte-h="svelte-12gulhz">Internet Downtime</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                      Everyone</p> <div></div></div> </li> <li class="relative mt-px flex ml-2 sm:col-start-1" style="grid-row: 26 / span 10"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-green-700 p-2 text-xs leading-5 border border-green-800"><p class="font-semibold text-gray-200" data-svelte-h="svelte-mavjkz">Allow LinkedIn</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p></div> </li><li class="relative mt-px flex ml-2 sm:col-start-3" style="grid-row: 26 / span 10"><div class="group absolute inset-1 flex flex-col overflow-y-auto rounded-lg bg-green-700 p-2 text-xs leading-5 border border-green-800"><p class="font-semibold text-gray-200" data-svelte-h="svelte-mavjkz">Allow LinkedIn</p> <p class="order-1 text-white/70 flex items-center gap-1"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-monitor-smartphone h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg>
                    Everyone</p></div> </li></ol></div></div></div> <div data-state="hidden" data-melt-scroll-area-scrollbar="" class="flex touch-none select-none transition-colors h-full w-2.5 border-l border-l-transparent p-px" data-scroll-area-scrollbar-y="" style="position: absolute; top: 0px; right: 0px; bottom: var(--melt-scroll-area-corner-height); --melt-scroll-area-thumb-height: 18px; visibility: hidden;"> <div data-state="hidden" data-melt-scroll-area-thumb="" class="relative rounded-full bg-border flex-1" data-scroll-area-thumb-y="" style="width: var(--melt-scroll-area-thumb-width); height: var(--melt-scroll-area-thumb-height); transform: translate3d(0px, 0px, 0px);"></div></div>  <div data-melt-scroll-area-corner="" data-scroll-area-corner="" style="display: none; width: 0px; height: 0px; position: absolute; right: 0px; bottom: 0px;"></div></div></div></div></div></div></div></section> <div role="none" aria-hidden="true" data-orientation="horizontal" data-melt-separator="" data-separator-root="" class="shrink-0 h-[1px] w-full bg-muted container"></div> <section id="use-cases" class="py-24"><div class="container"><div class="mb-12"><h1 class="font-bold tracking-tighter lg:leading-[1.1] sm:text-left text-left text-3xl md:text-6xl">Common Use Cases</h1></div></div> <div class="container"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 items-start"><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-eye-off w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"></path><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"></path><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"></path><line x1="2" x2="22" y1="2" y2="22"></line></svg> <h3 class="font-bold">Block Adult Content</h3> <p>Thoroughly restrict categories of Adult content and enforce SafeSearch and YouTube restricted mode.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-shield-alert w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="M12 8v4"></path><path d="M12 16h.01"></path></svg> <h3 class="font-bold">Stop Online Scams</h3> <p>Protect against sophisticated online scams and other security threats like Malware and Spyware.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-app-window w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"></rect><path d="M10 4v4"></path><path d="M2 8h20"></path><path d="M6 4v4"></path></svg> <h3 class="font-bold">Simplify Management of Devices</h3> <p>Use a single dashboard to manage rules for devices instead of configuring many different content blocking apps.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-calendar-clock w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.25V14"></path><path d="M22 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"></path></svg> <h3 class="font-bold">Schedule Distractions</h3> <p>Improve productivity or accountability by limiting when certain websites or apps are accessed.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-tablet-smartphone w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><rect width="10" height="14" x="3" y="8" rx="2"></rect><path d="M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4"></path><path d="M8 18h.01"></path></svg> <h3 class="font-bold">Effectively Disable Apps</h3> <p>Disable internet-dependent apps that are downloaded from an App Store or accessed in the browser.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-users w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> <h3 class="font-bold">Personalized Blocking</h3> <p>Restrict access to a category, app, or website on your personal devices without interfering with someone else.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-ban w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="m4.9 4.9 14.2 14.2"></path></svg> <h3 class="font-bold">Default-Deny Rules</h3> <p>Instead of figuring out everything you need to block, pick an entire category like Social Media, but selectively allow apps like LinkedIn.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-clock-10 w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 8 10"></polyline></svg> <h3 class="font-bold">Internet Cutoff Times</h3> <p>Block the entire internet for devices, whether they are connected to your home router or using a roaming internet connection.</p> </div><div class="p-4 h-fit space-y-2"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-shield-check w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="m9 12 2 2 4-4"></path></svg> <h3 class="font-bold">Prevent Bypass</h3> <p>Ensure your Content Policy is not intentionally or accidentally bypassed.</p> </div></div></div></section> <aside id="testimonial-from-jack" aria-label="Testimonial from Jack" class="relative py-16 sm:py-32"><div class="text-muted" data-svelte-h="svelte-84esoj"><svg aria-hidden="true" class="absolute inset-0 h-full w-full"><defs><pattern id=":S1:" width="128" height="128" patternUnits="userSpaceOnUse" x="50%" patternTransform="translate(0 80)"><path d="M0 128V.5H128" fill="none" stroke="currentColor"></path></pattern></defs><rect width="100%" height="100%" fill="url(#:S1:)"></rect></svg></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><figure class="max-w-2xl mx-auto"><blockquote class="mt-10 font-display text-3xl font-normal tracking-tight sm:text-center"><p>“I work remotely from home now and am on computers quite often. I think for people in our situations (or even if you are NOT in a situation like ours) these steps are 100% necessary!”</p></blockquote> <figcaption class="mt-10 flex items-center sm:justify-center"><div class="ml-4"><div class="text-muted-foreground">Jack</div></div></figcaption></figure></div></aside> <section id="extra" class="py-24"><div class="container"><div class="text-center mb-12 max-w-2xl mx-auto"><h1 class="font-bold tracking-tighter lg:leading-[1.1] sm:text-center text-left text-3xl md:text-6xl">Take your Blocking Setup to the Next Level</h1> <p class="mt-6 text-2xl text-muted-foreground mx-auto max-w-xl">Prevent intentional or unintentional bypass of your content policy.</p></div> <div class="mx-auto grid justify-center gap-4 sm:gap-6 sm:grid-cols-2"><div class="rounded-xl border bg-card text-card-foreground shadow"><div class="flex flex-col space-y-1.5 p-6"><h3 class="font-semibold leading-none tracking-tight">Self-control and Transparency</h3> <p class="text-sm text-muted-foreground">Whether you are blocking content for yourself or managing a household, our dashboard will enhance self-control or facilitate transparency.</p></div> <div class="p-6 pt-0"><div class="space-y-2"><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-shield-check " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path><path d="m9 12 2 2 4-4"></path></svg> <div class="space-y-2"><h3 class="font-bold">Profile Locking</h3> <p class="text-sm text-muted-foreground">Prevent making certain changes while your profile is locked.</p> <a href="/tutorials/lock-profile" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-history " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg> <div class="space-y-2"><h3 class="font-bold">Activity</h3> <p class="text-sm text-muted-foreground">View popular and recently visited domains or a record of Content Policy changes.</p> <a href="/tutorials/content-policy-activity" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-gauge " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg> <div class="space-y-2"><h3 class="font-bold">Account Sharing</h3> <p class="text-sm text-muted-foreground">Invite Admins to your account to review activity or customize your Content Policy.</p> <a href="/tutorials/share-account" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div></div></div> <div class="flex items-center p-6 pt-0"></div> </div><div class="rounded-xl border bg-card text-card-foreground shadow"><div class="flex flex-col space-y-1.5 p-6"><h3 class="font-semibold leading-none tracking-tight">Get help from Experts</h3> <p class="text-sm text-muted-foreground">We are laser-focused on providing the most accurate and helpful information related to blocking content and preventing bypass.</p></div> <div class="p-6 pt-0"><div class="space-y-2"><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-book-marked " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"></path><polyline points="10 2 10 10 13 7 16 10 16 2"></polyline></svg> <div class="space-y-2"><h3 class="font-bold">Free Guides</h3> <p class="text-sm text-muted-foreground">Years of research condensed to help you achieve the perfect blocking system.</p> <a href="/guides" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-graduation-cap " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"></path><path d="M6 12v5c3 3 9 3 12 0v-5"></path></svg> <div class="space-y-2"><h3 class="font-bold">Premium Guides</h3> <p class="text-sm text-muted-foreground">Learn how to set up managed devices to better enforce a blocking system.</p> <a href="/tutorials/premium-guides" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div><div class="relative bg-muted/50 overflow-hidden rounded-lg bg-background p-4"><div class="flex flex-row justify-start gap-4"><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-send " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg> <div class="space-y-2"><h3 class="font-bold">Support</h3> <p class="text-sm text-muted-foreground">Talk to real technical experts for Apple, Windows, and Android devices.</p> <a href="/help" class="text-primary hover:underline flex text-xs items-center">Learn More <svg width="24" height="24" role="img" aria-label="caret right," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="w-4 h-4"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.18194 4.18185C6.35767 4.00611 6.6426 4.00611 6.81833 4.18185L9.81833 7.18185C9.90272 7.26624 9.95013 7.3807 9.95013 7.50005C9.95013 7.6194 9.90272 7.73386 9.81833 7.81825L6.81833 10.8182C6.6426 10.994 6.35767 10.994 6.18194 10.8182C6.0062 10.6425 6.0062 10.3576 6.18194 10.1819L8.86374 7.50005L6.18194 4.81825C6.0062 4.64251 6.0062 4.35759 6.18194 4.18185Z" fill="currentColor"></path></svg></a></div></div> </div></div></div> <div class="flex items-center p-6 pt-0"></div> </div></div></div></section> <aside id="testimonial-from-jack" aria-label="Testimonial from Jack" class="relative py-16 sm:py-32"><div class="text-muted" data-svelte-h="svelte-84esoj"><svg aria-hidden="true" class="absolute inset-0 h-full w-full"><defs><pattern id=":S1:" width="128" height="128" patternUnits="userSpaceOnUse" x="50%" patternTransform="translate(0 80)"><path d="M0 128V.5H128" fill="none" stroke="currentColor"></path></pattern></defs><rect width="100%" height="100%" fill="url(#:S1:)"></rect></svg></div> <div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><figure class="max-w-2xl mx-auto"><blockquote class="mt-10 font-display text-3xl font-normal tracking-tight sm:text-center"><p>“The guides were really clear once I read them! This managed devices thing is amazing, wish I'd had it when I first got a smartphone.”</p></blockquote> <figcaption class="mt-10 flex items-center sm:justify-center"><div class="ml-4"><div class="text-muted-foreground">Ali</div></div></figcaption></figure></div></aside> <section class="py-24"><div class="container"><div class="mb-12"><h1 class="font-bold tracking-tighter lg:leading-[1.1] sm:text-center text-left text-3xl md:text-6xl">Frequently Asked Questions</h1></div> <div class="max-w-xl mx-auto"><div data-melt-id="K7Toab9S4d" data-melt-accordion="" data-accordion-root="" class="w-full"><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-0" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Is this a good solution for blocking addictive content? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-1" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Why shouldn't I just use a parental control solution? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-2" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">What kinds of online threats are blocked? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-3" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Will this work alongside a Virus scanner? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-4" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Can I use a Default-Deny Blocking Approach? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-5" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Can I connect my home router to a Content Policy? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-6" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Can I connect a computer or smartphone to a Content Policy? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-7" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Can I block Ads? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-8" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">What is SafeSearch? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-9" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Can I block specific searches on Google or YouTube? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div><div data-state="closed" data-melt-accordion-item="" data-accordion-item="" class="border-b border-muted"><div role="heading" aria-level="3" data-heading-level="3" data-melt-accordion-heading="" data-accordion-header="" class="flex"><button type="button" aria-expanded="false" aria-disabled="false" data-value="general-10" data-state="closed" data-melt-accordion-trigger="" data-accordion-trigger="" class="flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&amp;[data-state=open]>svg]:rotate-180 text-left text-lg">Why should I block YouTube thumbnails? <svg width="24" height="24" role="img" aria-label="chevron down," viewBox="0 0 15 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor"></path></svg></button></div> </div> </div></div></div></section> <section id="get-started-today" class="relative overflow-hidden py-32 bg-background"><div class="container"><div class="mx-auto max-w-lg text-center"><h1 class="text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]">Start Banning Unwanted Content from your <del>Technology</del> Life.</h1> <p class="mt-4 text-lg tracking-tight">It's time to take back control of your technology</p> <div class="mt-10"><a href="https://dashboard.techlockdown.com/login?view=sign_up" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-10 rounded-md px-8" target="_blank" data-button-root="">Start Free Trial</a></div></div></div></section></main> <a href="/contact" class="fixed z-40 bottom-8 right-4 h-10 w-10 sm:w-16 sm:h-16 rounded-full bg-primary text-white block shadow-xl drop-shadow-2xl flex items-center justify-center"><span class="sr-only" data-svelte-h="svelte-su3kj9">Open chat</span> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-full h-full transition duration-300 transform p-2 sm:p-4"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"></path></svg></a> <footer class="bg-background border-t border-muted" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only" data-svelte-h="svelte-7ffuyg">Footer</h2> <div class="container py-12 lg:py-16"><div class="xl:grid xl:grid-cols-3 xl:gap-8"><div class="space-y-4 xl:col-span-1"><div class="font-bold text-lg text-gray-900 dark:text-white flex items-center gap-2"><img src="/brand/logo.svg" alt="Tech Lockdown" class="dark:hidden h-5 md:h-6 w-auto"> <img src="/brand/logo-white.svg" alt="Tech Lockdown" class="hidden sm:dark:block h-5 md:h-6 w-auto"> <img src="/favicon-white-32x32.png" alt="Tech Lockdown" class="hidden sm:dark:hidden dark:block h-8 w-auto sm:h-6"></div> <p class="text-base text-muted-foreground">Control your technology before it controls you</p> <div class="flex space-x-6"><a href="https://www.youtube.com/@techlockdown5069" class="text-muted-foreground hover:text-muted" rel="noreferrer" target="_blank"><span class="sr-only">Youtube</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"></path></svg></a></div></div> <div class="mt-12 grid sm:grid-cols-3 gap-8 xl:col-span-2 xl:mt-0"><div class=""><h3 class="text-base font-medium">Explore</h3> <ul class="mt-4 space-y-4"><li><a href="/guides" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Guides </a></li><li><a href="/blog" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Blog </a></li><li><a href="/about" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">About </a></li><li><a href="/pricing" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Pricing </a></li><li><a href="https://myip.techlockdown.com" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" target="_blank" rel="noreferrer">IP Tester <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"><path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd"></path></svg></a></li><li><a href="https://apple.techlockdown.com" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" target="_blank" rel="noreferrer">iOS DNS Config Generator <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4"><path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd"></path></svg></a></li><li><a href="/help" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Help </a></li><li><a href="/contact" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Contact </a></li></ul></div><div class=""><h3 class="text-base font-medium">Topics</h3> <ul class="mt-4 space-y-4"><li><a href="/guides/block-porn" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Blocking System Overview </a></li><li><a href="/guides/block-porn-pc" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Windows &amp; Mac </a></li><li><a href="/guides/block-porn-android" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Android </a></li><li><a href="/guides/block-porn-chromebook" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Chromebook </a></li><li><a href="/guides/block-porn-router" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Home Network </a></li><li><a href="/guides/block-websites" class="text-base text-muted-foreground hover:text-muted flex items-center gap-1" rel="noreferrer">Block Websites </a></li></ul></div> <div><div slot="content-right" class="text-base"><h3 class="text-base font-medium" data-svelte-h="svelte-keesf0">Newsletter</h3> <div class="mt-10 xl:mt-0">  <form method="POST" class="mt-6 sm:flex sm:max-w-md"><label for="email-address" class="sr-only" data-svelte-h="svelte-1127lfm">Email address</label> <input class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50" type="email" name="email-address" id="email-address" autocomplete="email" required="" placeholder="Enter your email"> <div class="mt-4 rounded-md sm:mt-0 sm:ml-2 sm:flex-shrink-0"><button type="submit" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2" data-button-root="">Subscribe</button></div></form> </div></div></div></div></div>  <div class="mt-12 space-y-4 border-t border-muted pt-8"><div class="mx-auto flex items-center justify-center" slot="copyright"><button type="button" tabindex="0" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9" data-button-root=""><svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-sun h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg> <svg width="24" height="24" stroke="currentColor" stroke-width="2" class="lucide-icon lucide lucide-moon absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> <span class="sr-only" data-svelte-h="svelte-ntgole">Toggle theme</span></button></div> <p class="text-xs text-muted-foreground xl:text-center">© 2024 Tech Lockdown, LLC. All rights reserved. | <a href="https://www.techlockdown.com/privacy" data-svelte-h="svelte-znbd97">Privacy Policy</a> |
        <a href="https://www.techlockdown.com/terms" data-svelte-h="svelte-ntsw25">Terms</a></p></div></div></footer> <div id="svelte-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; left: 0px; top: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); overflow: hidden; white-space: nowrap; width: 1px; height: 1px;"></div></div>
  <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8cde56ca3de82156&quot;,&quot;version&quot;:&quot;2024.8.0&quot;,&quot;r&quot;:1,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true}},&quot;token&quot;:&quot;d47ae035ca3d4e16bbe4ddea7d2c6e56&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>


</body></html>