github-personal/firezone
1
0
Fork 0
mirror of https://github.com/outbackdingo/firezone.git synced 2026-01-27 10:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

1.x landing page first iteration (#2675)

Browse Source 
Fixes firezone/gtm#165
Fixes firezone/gtm#219
This commit is contained in:
Jamil
2023-11-28 13:07:12 -08:00
committed by GitHub
parent 5dd5f5a650
commit db601312c2
17 changed files with 293 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/public/images/feature-1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 398 KiB

After

Width:  |  Height:  |  Size: 215 KiB

BIN
website/public/images/feature-2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 177 KiB

BIN
website/public/images/feature-3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 102 KiB

12
website/public/images/fingerprint.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_840_465)">
<circle cx="32.5" cy="32.5" r="31.5" stroke="#1B140E" stroke-width="2"/>
<path d="M26.1056 12.2498C28.1354 10.2969 30.4909 9.18081 32.9216 9.02018C35.3524 8.85955 37.7676 9.66036 39.9107 11.3375C42.0538 13.0147 43.8446 15.5055 45.0928 18.5453C46.3411 21.5851 47.0002 25.0603 47 28.6016C47 36.2326 46.0016 43.5212 44.1844 50.2088M22.2952 17.7927C20.8364 20.9972 20.0605 24.7575 20.065 28.6016C20.0692 32.2943 19.3532 35.9129 18 39.0367M21.5716 48.3376C24.9421 42.936 26.8061 35.8981 26.7988 28.6016C26.7988 26.0024 27.5082 23.5097 28.771 21.6718C30.0339 19.834 31.7466 18.8015 33.5325 18.8015C35.3184 18.8015 37.0312 19.834 38.294 21.6718C39.5568 23.5097 40.2663 26.0024 40.2663 28.6016C40.2663 29.9788 40.2285 31.343 40.1513 32.6915M33.5325 28.6016C33.5425 37.9472 31.2488 46.9881 27.0681 54.0818M38.9788 42.0708C38.0064 47.0279 36.5003 51.7292 34.5165 56" stroke="#1B140E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M49 57C49 52.5815 52.5815 49 57 49C61.4185 49 65 52.5815 65 57C65 61.4185 61.4185 65 57 65C52.5815 65 49 61.4185 49 57ZM59.9621 55.5116C60.0113 55.446 60.0469 55.3712 60.0668 55.2917C60.0867 55.2121 60.0906 55.1293 60.078 55.0483C60.0655 54.9672 60.0369 54.8895 59.9939 54.8196C59.9509 54.7498 59.8944 54.6893 59.8277 54.6416C59.761 54.5939 59.6854 54.56 59.6054 54.5419C59.5254 54.5239 59.4426 54.522 59.3618 54.5364C59.2811 54.5508 59.204 54.5812 59.1352 54.6258C59.0664 54.6704 59.0072 54.7283 58.961 54.7961L56.3058 58.513L54.9733 57.1805C54.8567 57.0718 54.7024 57.0126 54.543 57.0154C54.3835 57.0183 54.2314 57.0828 54.1187 57.1956C54.0059 57.3083 53.9413 57.4605 53.9385 57.6199C53.9357 57.7793 53.9949 57.9336 54.1036 58.0503L55.9497 59.8964C56.0129 59.9595 56.0891 60.0082 56.1729 60.0389C56.2568 60.0696 56.3463 60.0817 56.4353 60.0744C56.5243 60.0671 56.6106 60.0404 56.6883 59.9964C56.766 59.9523 56.8332 59.8919 56.8851 59.8193L59.9621 55.5116Z" fill="#4805FF"/>
</g>
<defs>
<clipPath id="clip0_840_465">
<rect width="65" height="65" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
website/public/images/overview-screencap.webm
View File

Binary file not shown.

4
website/public/images/user-group-sync.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.2476 41.0717C47.5191 40.2013 49.0104 39.7095 50.549 39.6533C52.0876 39.5971 53.6107 39.9787 54.942 40.754C56.2733 41.5293 57.3584 42.6666 58.0718 44.0344C58.7852 45.4021 59.0978 46.9443 58.9733 48.4827C55.7122 49.6252 52.2483 50.0698 48.8052 49.7878C48.7947 46.6998 47.9076 43.6758 46.2476 41.0744C44.7742 38.7579 42.7417 36.8513 40.3382 35.5312C37.9347 34.211 35.2379 33.5199 32.4972 33.5217C29.757 33.5203 27.0607 34.2117 24.6577 35.5318C22.2548 36.852 20.2227 38.7583 18.7495 41.0744M48.8025 49.7851L48.8052 49.8695C48.8052 50.4826 48.7726 51.0874 48.7047 51.6841C43.7725 54.5208 38.1835 56.0091 32.4972 56C26.5991 56 21.0626 54.4306 16.2897 51.6841C16.2199 51.0536 16.1863 50.4195 16.1892 49.7851M16.1892 49.7851C12.7472 50.0773 9.28518 49.6344 6.02654 48.4854C5.90247 46.9475 6.21515 45.4058 6.92845 44.0385C7.64175 42.6713 8.72652 41.5343 10.0573 40.7591C11.3882 39.9839 12.9107 39.6022 14.4489 39.658C15.9871 39.7137 17.4781 40.2048 18.7495 41.0744M16.1892 49.7851C16.1989 46.6973 17.0905 43.6761 18.7495 41.0744M40.6512 17.1739C40.6512 19.3418 39.7921 21.4208 38.263 22.9537C36.7338 24.4866 34.6598 25.3478 32.4972 25.3478C30.3346 25.3478 28.2606 24.4866 26.7314 22.9537C25.2023 21.4208 24.3432 19.3418 24.3432 17.1739C24.3432 15.0061 25.2023 12.927 26.7314 11.3941C28.2606 9.86118 30.3346 9 32.4972 9C34.6598 9 36.7338 9.86118 38.263 11.3941C39.7921 12.927 40.6512 15.0061 40.6512 17.1739ZM56.9593 25.3478C56.9593 26.1529 56.8011 26.95 56.4937 27.6938C56.1864 28.4376 55.7359 29.1134 55.1681 29.6827C54.6002 30.2519 53.926 30.7035 53.1841 31.0116C52.4421 31.3197 51.6468 31.4782 50.8437 31.4782C50.0406 31.4782 49.2454 31.3197 48.5034 31.0116C47.7615 30.7035 47.0873 30.2519 46.5194 29.6827C45.9515 29.1134 45.5011 28.4376 45.1937 27.6938C44.8864 26.95 44.7282 26.1529 44.7282 25.3478C44.7282 23.7219 45.3725 22.1626 46.5194 21.0129C47.6663 19.8633 49.2218 19.2174 50.8437 19.2174C52.4657 19.2174 54.0212 19.8633 55.1681 21.0129C56.3149 22.1626 56.9593 23.7219 56.9593 25.3478ZM20.2662 25.3478C20.2662 26.1529 20.108 26.95 19.8007 27.6938C19.4933 28.4376 19.0429 29.1134 18.475 29.6827C17.9071 30.2519 17.2329 30.7035 16.491 31.0116C15.749 31.3197 14.9538 31.4782 14.1507 31.4782C13.3476 31.4782 12.5523 31.3197 11.8104 31.0116C11.0684 30.7035 10.3942 30.2519 9.82634 29.6827C9.25846 29.1134 8.808 28.4376 8.50066 27.6938C8.19333 26.95 8.03515 26.1529 8.03515 25.3478C8.03515 23.7219 8.67946 22.1626 9.82634 21.0129C10.9732 19.8633 12.5287 19.2174 14.1507 19.2174C15.7726 19.2174 17.3281 19.8633 18.475 21.0129C19.6219 22.1626 20.2662 23.7219 20.2662 25.3478Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M57 65C61.4183 65 65 61.4183 65 57C65 52.5817 61.4183 49 57 49C52.5817 49 49 52.5817 49 57C49 61.4183 52.5817 65 57 65ZM58.2988 54.6508H54.7788C54.8044 53.9719 55.3516 53.3913 56.0933 53.3322C56.2034 53.3238 56.3146 53.3159 56.4257 53.3089C56.5507 53.0818 56.7394 52.8915 56.9713 52.7586C57.2032 52.6258 57.4694 52.5555 57.7407 52.5556H58.4815C58.7528 52.5555 59.019 52.6258 59.2509 52.7586C59.4828 52.8915 59.6715 53.0818 59.7965 53.3089C59.9074 53.316 60.0182 53.3237 60.1289 53.3322C60.8889 53.3923 61.4444 54.0003 61.4444 54.7011V59.1905C61.4444 59.5609 61.2883 59.9162 61.0105 60.1782C60.7327 60.4401 60.3559 60.5873 59.9629 60.5873V56.2222C59.963 55.8059 59.7877 55.4065 59.4757 55.1119C59.1636 54.8172 58.7404 54.6514 58.2988 54.6508ZM57.2169 53.4585C57.3559 53.3276 57.5443 53.254 57.7407 53.254H58.4815C58.6779 53.254 58.8663 53.3276 59.0053 53.4585C59.1442 53.5895 59.2222 53.7672 59.2222 53.9524H57C57 53.7672 57.078 53.5895 57.2169 53.4585ZM53.4815 55.3492C52.9704 55.3492 52.5555 55.7399 52.5555 56.2222V61.4603C52.5555 61.6919 52.6531 61.9139 52.8267 62.0776C53.0004 62.2414 53.2359 62.3333 53.4815 62.3333H58.2963C58.8074 62.3333 59.2222 61.9422 59.2222 61.4603V56.2222C59.2222 55.7403 58.8079 55.3492 58.2963 55.3492H53.4815ZM54.1455 57.1975C54.076 57.263 54.037 57.3518 54.037 57.4444V57.4482C54.037 57.5408 54.076 57.6296 54.1455 57.6951C54.215 57.7606 54.3092 57.7974 54.4074 57.7974H54.4113C54.5096 57.7974 54.6038 57.7606 54.6732 57.6951C54.7427 57.6296 54.7817 57.5408 54.7817 57.4482V57.4444C54.7817 57.3518 54.7427 57.263 54.6732 57.1975C54.6038 57.132 54.5096 57.0952 54.4113 57.0952H54.4074C54.3092 57.0952 54.215 57.132 54.1455 57.1975ZM55.2566 57.1975C55.1872 57.263 55.1481 57.3518 55.1481 57.4444C55.1481 57.5371 55.1872 57.6259 55.2566 57.6914C55.3261 57.7569 55.4203 57.7937 55.5185 57.7937H57.3704C57.4686 57.7937 57.5628 57.7569 57.6322 57.6914C57.7017 57.6259 57.7407 57.5371 57.7407 57.4444C57.7407 57.3518 57.7017 57.263 57.6322 57.1975C57.5628 57.132 57.4686 57.0952 57.3704 57.0952H55.5185C55.4203 57.0952 55.3261 57.132 55.2566 57.1975ZM54.1455 58.5943C54.076 58.6598 54.037 58.7487 54.037 58.8413V58.845C54.037 58.9376 54.076 59.0264 54.1455 59.0919C54.215 59.1574 54.3092 59.1942 54.4074 59.1942H54.4113C54.5096 59.1942 54.6038 59.1574 54.6732 59.0919C54.7427 59.0264 54.7817 58.9376 54.7817 58.845V58.8413C54.7817 58.7487 54.7427 58.6598 54.6732 58.5943C54.6038 58.5289 54.5096 58.4921 54.4113 58.4921H54.4074C54.3092 58.4921 54.215 58.5289 54.1455 58.5943ZM55.2566 58.5943C55.1872 58.6598 55.1481 58.7487 55.1481 58.8413C55.1481 58.9339 55.1872 59.0227 55.2566 59.0882C55.3261 59.1537 55.4203 59.1905 55.5185 59.1905H57.3704C57.4686 59.1905 57.5628 59.1537 57.6322 59.0882C57.7017 59.0227 57.7407 58.9339 57.7407 58.8413C57.7407 58.7487 57.7017 58.6598 57.6322 58.5943C57.5628 58.5289 57.4686 58.4921 57.3704 58.4921H55.5185C55.4203 58.4921 55.3261 58.5289 55.2566 58.5943ZM54.1455 59.9912C54.076 60.0567 54.037 60.1455 54.037 60.2381V60.2418C54.037 60.3344 54.076 60.4233 54.1455 60.4887C54.215 60.5542 54.3092 60.591 54.4074 60.591H54.4113C54.5096 60.591 54.6038 60.5542 54.6732 60.4887C54.7427 60.4233 54.7817 60.3344 54.7817 60.2418V60.2381C54.7817 60.1455 54.7427 60.0567 54.6732 59.9912C54.6038 59.9257 54.5096 59.8889 54.4113 59.8889H54.4074C54.3092 59.8889 54.215 59.9257 54.1455 59.9912ZM55.2566 59.9912C55.1872 60.0567 55.1481 60.1455 55.1481 60.2381C55.1481 60.3307 55.1872 60.4195 55.2566 60.485C55.3261 60.5505 55.4203 60.5873 55.5185 60.5873H57.3704C57.4686 60.5873 57.5628 60.5505 57.6322 60.485C57.7017 60.4195 57.7407 60.3307 57.7407 60.2381C57.7407 60.1455 57.7017 60.0567 57.6322 59.9912C57.5628 59.9257 57.4686 59.8889 57.3704 59.8889H55.5185C55.4203 59.8889 55.3261 59.9257 55.2566 59.9912Z" fill="#4805FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

11
website/src/app/kb/learn/concepts/gateway/page.tsx Normal file
View File

@@ -0,0 +1,11 @@
import Content from "./readme.mdx";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Gateways • Firezone Docs",
description: "Firezone Documentation",
};
export default function Page() {
return <Content />;
}

1
website/src/app/kb/learn/concepts/gateway/readme.mdx Normal file
View File

@@ -0,0 +1 @@
# Gateways

11
website/src/app/kb/learn/concepts/group/page.tsx Normal file
View File

@@ -0,0 +1,11 @@
import Content from "./readme.mdx";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Groups • Firezone Docs",
description: "Firezone Documentation",
};
export default function Page() {
return <Content />;
}

1
website/src/app/kb/learn/concepts/group/readme.mdx Normal file
View File

@@ -0,0 +1 @@
# Groups

11
website/src/app/kb/learn/concepts/policy/page.tsx Normal file
View File

@@ -0,0 +1,11 @@
import Content from "./readme.mdx";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Policies • Firezone Docs",
description: "Firezone Documentation",
};
export default function Page() {
return <Content />;
}

1
website/src/app/kb/learn/concepts/policy/readme.mdx Normal file
View File

@@ -0,0 +1 @@
# Policies

11
website/src/app/kb/learn/concepts/resource/page.tsx Normal file
View File

@@ -0,0 +1,11 @@
import Content from "./readme.mdx";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Resources • Firezone Docs",
description: "Firezone Documentation",
};
export default function Page() {
return <Content />;
}

1
website/src/app/kb/learn/concepts/resource/readme.mdx Normal file
View File

@@ -0,0 +1 @@
# Resources

11
website/src/app/kb/learn/concepts/site/page.tsx Normal file
View File

@@ -0,0 +1,11 @@
import Content from "./readme.mdx";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Sites • Firezone Docs",
description: "Firezone Documentation",
};
export default function Page() {
return <Content />;
}

1
website/src/app/kb/learn/concepts/site/readme.mdx Normal file
View File

@@ -0,0 +1 @@
# Sites

362
website/src/app/page.tsx
View File

@@ -4,8 +4,10 @@ import Link from "next/link";
import Image from "next/image";
import ActionLink from "@/components/ActionLink";
import {
HiFingerPrint,
HiArrowLongRight,
HiCheck,
HiShieldCheck,
HiHome,
HiRocketLaunch,
HiWrenchScrewdriver,
@@ -13,8 +15,8 @@ import {
} from "react-icons/hi2";
export const metadata: Metadata = {
title: "Open-source Remote Access • Firezone",
description: "Open-source remote access built on WireGuard®.",
title: "WireGuard® for Enterprise • Firezone",
description: "Open-source, zero-trust access platform built on WireGuard®",
};
export default function Page() {
@@ -23,20 +25,20 @@ export default function Page() {
<section className="bg-gradient-to-b from-primary-50 to-neutral-100 pt-24">
<div className="px-4 py-8 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
<h1 className="mb-4 md:text-6xl text-5xl justify-center font-extrabold tracking-tight leading-none text-neutral-900">
Fast, effortless secure access.
Blazing-fast alternative to legacy VPNs
</h1>
<h2 className="mb-8 text-xl tracking-tight text-neutral-800 sm:px-16 xl:px-48">
Firezone is an open-source remote access platform built on
WireGuard®, a modern VPN protocol that's 4-6x faster than OpenVPN.
Deploy on your infrastructure and start onboarding users in minutes.
Manage secure remote access to your company’s most valuable services
and resources with Firezone. We’re open source, and built on
WireGuard®, a modern protocol that’s up to 4-6x faster than OpenVPN.
</h2>
<div className="flex mb-8 lg:mb-16 flex-row justify-center space-y-0 space-x-4">
<Link href="/product/early-access">
<Link href="/contact/sales">
<button
type="button"
className="inline-flex shadow-lg justify-center items-center py-3 px-5 text-base font-bold text-center text-white rounded bg-accent-600 hover:bg-accent-700 hover:scale-105 duration-0 transform transition"
>
Request early access
Request demo
<HiArrowLongRight className="ml-2 -mr-1 w-6 h-6" />
</button>
</Link>
@@ -106,7 +108,8 @@ export default function Page() {
<section className="border-t border-neutral-200 bg-gradient-to-b from-white via-neutral-50 to-white py-24">
<div className="mx-4 flex flex-col justify-center items-center">
<h2 className="text-center justify-center mb-4 text-4xl tracking-tight font-bold text-neutral-900 ">
A modern alternative to legacy VPNs
Least-privileged access to your most valuable resources in just a
few minutes.
</h2>
</div>
@@ -114,35 +117,63 @@ export default function Page() {
<div className="gap-8 items-center py-8 px-4 mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 xl:gap-16 sm:py-16 lg:px-6 ">
<div>
<h4 className="mb-8 text-lg font-semibold tracking-tight text-primary-450 ">
SIMPLE TO MANAGE
EFFORTLESS SETUP
</h4>
<h3 className="text-2xl font-semibold tracking-tight text-neutral-900">
Streamline workflows.
<br />
Reduce total cost of ownership.
</h3>
<p className="text-xl text-neutral-800 my-4">
Legacy VPNs are cumbersome to manage and take weeks to configure
correctly. Firezone takes minutes to deploy and the Web GUI makes
managing secure access effortless for admins.
Replace your legacy VPN with a modern zero trust solution.
Firezone supports the workflows you're already familiar with, so
you can get started in minutes and incrementally adopt zero trust
over time.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Integrate any identity provider to enforce 2FA / MFA
Create a{" "}
<Link
className="text-accent-500 underline hover:no-underline"
href="/kb/learn/concepts/site?utm_source=website"
>
site
</Link>
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Define user-scoped access rules
Deploy one or more{" "}
<Link
className="text-accent-500 underline hover:no-underline"
href="/kb/learn/concepts/gateway?utm_source=website"
>
gateways
</Link>
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Manage access with a snappy admin dashboard
Add a{" "}
<Link
className="text-accent-500 underline hover:no-underline"
href="/kb/learn/concepts/resource?utm_source=website"
>
resource
</Link>{" "}
(e.g. subnet, host or service)
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Choose which{" "}
<Link
className="text-accent-500 underline hover:no-underline"
href="/kb/learn/concepts/group?utm_source=website"
>
user groups
</Link>{" "}
have access
</span>
</li>
</ul>
@@ -159,66 +190,44 @@ export default function Page() {
<div className="gap-8 py-8 px-4 mx-auto max-w-screen-xl flex flex-col-reverse lg:grid lg:grid-cols-2 xl:gap-16 sm:py-16 lg:px-6 ">
<div className="flex flex-col">
<Image
className="rounded shadow-md"
width={600}
height={500}
alt="Feature 2"
src="/images/feature-2.png"
/>
<Link
className="mt-4 lg:mx-auto text-accent-600 hover:underline"
href="https://core.ac.uk/download/pdf/322886318.pdf"
>
Performance comparison of VPN solutions (Osswald et al.)
</Link>
</div>
<div>
<h4 className="mb-8 text-lg font-semibold tracking-tight text-primary-450 ">
FAST AND LIGHTWEIGHT
RELIABLE ACCESS
</h4>
<h3 className="text-2xl font-semibold tracking-tight text-neutral-900">
High throughput and low latency. <br />
Up to 4-6x faster than OpenVPN.
</h3>
<p className="text-xl text-neutral-800 my-4">
Increase productivity and decrease connection issues for your
remote team. Firezone uses kernel WireGuard® to be efficient,
reliable, and performant in any environment.
Firezone is fast and dependable so your team is always connected
to the resources they need most. It works on all major platforms
and stays connected even when switching WiFi networks.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
<Link
className="text-accent-600 hover:underline"
href="https://www.wireguard.com/protocol/"
>
State-of-the-art cryptography
</Link>
Automatic NAT traversal
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Auditable and{" "}
<Link
className="text-accent-600 hover:underline"
href="https://www.wireguard.com/formal-verification/"
>
formally verified
</Link>
Global relay network
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
<Link
className="text-accent-600 hover:underline"
href="https://www.wireguard.com/performance/"
>
Multi-threaded
</Link>{" "}
performance that scales
Automatic gateway failover and load balancing
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Native clients for all major platforms
</span>
</li>
</ul>
@@ -229,45 +238,36 @@ export default function Page() {
<div className="gap-8 items-center pt-8 px-4 mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 xl:gap-16 sm:pt-16 lg:px-6 ">
<div>
<h4 className="mb-8 text-lg font-semibold tracking-tight text-primary-450 ">
RUN ANYWHERE
MAINTAIN CONTROL
</h4>
<h3 className="text-2xl font-semibold tracking-tight text-neutral-900">
Firezone runs entirely on your infrastructure. <br />
No vendor lock-in.
</h3>
<p className="text-xl text-neutral-800 my-4">
Deploy Firezone on any platform that supports Docker. There's no
need to risk breaches by sending data to third parties.
Firezone establishes secure, direct tunnels between your users and
gateways, then gets out of the way. Gateways are deployed on your
infrastructure, so you retain full control over your data at all
times.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
VPC, data center, or on-prem
Deploy gateways as Docker containers or standalone binaries
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Auto-renewing SSL certs from Let's Encrypt via ACME
Connect VPC, data center, on-prem, and cloud resources
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Flexible and configurable
Enforce direct connections between users and resources
</span>
</li>
</ul>
<ActionLink
className="inline-flex items-center text-accent-600 hover:underline text-lg mt-8"
href="/docs/deploy"
>
Explore the deployment docs
</ActionLink>
</div>
<Image
className="rounded shadow-md"
width={600}
height={500}
alt="Feature 3"
@@ -279,14 +279,85 @@ export default function Page() {
<section className="border-t border-neutral-200 bg-gradient-to-b from-neutral-100 to-primary-50 py-24">
<div className="mx-4 flex flex-col justify-center items-center">
<h2 className="mb-4 text-4xl justify-center text-center tracking-tight font-bold text-neutral-900 ">
Integrate your identity provider to enforce 2FA / MFA
Next-Gen security
</h2>
<h3 className="my-4 text-xl tracking-tight max-w-screen-lg text-center text-neutral-800 ">
Only allow connections from authenticated users and automatically
disable access for employees who have left. Firezone integrates with
any OIDC and SAML 2.0 compatible identity provider for single
sign-on (SSO).
Firezone is built from the ground up with modern security best
practices in mind.
</h3>
<ul
role="list"
className="max-w-screen-sm mt-6 mb-8 space-y-4 text-lg"
>
<li className="flex space-x-5">
<HiShieldCheck className="text-accent-600 flex-shrink-0 w-7 h-7" />
<p>
<strong>Resource-level access policies</strong> that update in{" "}
<strong className="text-primary-450">real-time</strong> based on
changes from your IdP.
</p>
</li>
<li className="flex space-x-5">
<HiShieldCheck className="text-accent-600 flex-shrink-0 w-7 h-7" />
<p>
<strong>NAT hole punching</strong> means{" "}
<strong className="text-primary-450">no</strong> exposed attack
surface and <strong className="text-primary-450">zero</strong>{" "}
firewall configuration required.
</p>
</li>
<li className="flex space-x-5">
<HiShieldCheck className="text-accent-600 flex-shrink-0 w-7 h-7" />
<p>
<strong>Self-hosted gateways</strong> and configurable routing
rules ensure data-plane traffic passes{" "}
<strong className="text-primary-450">only</strong> through your
infrastructure.
</p>
</li>
</ul>
</div>
<div className="mx-4 mb-8 flex flex-col justify-center items-center">
<h2 className="inline-block mb-4 text-4xl justify-center text-center tracking-tight font-bold text-neutral-900 ">
That works <span className="text-primary-450">with</span> your IdP
</h2>
<div className="mx-auto gap-4 max-w-screen-md grid justify-items-center sm:grid-cols-2 pt-8 px-8">
<div className="text-center">
<Image
width={96}
height={96}
className="mx-auto mb-4"
alt="fingerprint icon"
src="/images/fingerprint.svg"
/>
<h3 className="justify-center text-xl tracking-tight font-bold text-neutral-900 ">
Enforce 2FA / MFA
</h3>
<p className="mt-4 text-neutral-900 text-lg">
Add SSO with any OIDC-compatible identity provider (IdP) to
limit connections to current and authenticated users only.
</p>
</div>
<div className="text-center">
<Image
width={96}
height={96}
className="mx-auto mb-4"
alt="user group sync icon"
src="/images/user-group-sync.svg"
/>
<h3 className="justify-center text-xl tracking-tight font-bold text-neutral-900 ">
Sync users & groups<sup className="text-xs">*</sup>
</h3>
<p className="mt-4 text-neutral-900 text-lg">
Sync IdP users and groups to ensure active employees can access
your network, and revoke access when employees leave.
</p>
<p className="mt-2 text-neutral-900 text-xs">
* Currently available for Google Workspace
</p>
</div>
</div>
</div>
<div className="mx-auto gap-8 max-w-screen-xl grid justify-items-center sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 px-16 pt-8">
<Link href="/docs/authenticate/oidc/keycloak/">
@@ -343,121 +414,105 @@ export default function Page() {
<section className="border-t border-neutral-200 py-24 bg-white">
<div className="mx-4 flex flex-col justify-center items-center">
<h2 className="mb-4 justify-center text-center text-4xl tracking-tight font-bold text-neutral-900 ">
Who can benefit using Firezone?
How customers are using Firezone
</h2>
<h3 className="my-4 text-xl tracking-tight max-w-screen-lg text-center text-neutral-800 ">
Easy to deploy and manage for individuals and organizations alike.
Only allow connections from authenticated users and automatically
disable access for employees who have left. Firezone integrates with
any OIDC and SAML 2.0 compatible identity provider for single
sign-on (SSO).
</h3>
</div>
<div className="gap-4 items-center pt-8 px-4 mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 xl:gap-8 sm:pt-16 lg:px-6 ">
<div className="bg-neutral-100 p-8 rounded shadow-md">
<div className="gap-4 items-center pt-8 px-4 mx-auto max-w-screen-xl md:grid md:grid-cols-2 xl:gap-8 sm:pt-16 lg:px-6 ">
<div className="bg-neutral-100 p-8 border border-neutral-200">
<div className="flex items-center space-x-2.5">
<HiHome className="flex-shrink-0 w-5 h-5 text-primary-450" />
<HiShieldCheck className=" lex-shrink-0 w-6 h-6 text-accent-600" />
<h3 className="text-xl tracking-tight font-bold text-neutral-900 ">
Individuals and homelab users
VPN Replacement
</h3>
</div>
<p className="mt-8 text-neutral-900 text-xl">
Lightweight and fast. Access your home network securely when on
the road.
Remote employees can securely access office networks, cloud VPCs,
and other private subnets and resources from anywhere in the
world, on any device.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Effortless to deploy on any infrastructure
Easy to use, no training required
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Community plan supports unlimited devices
Authenticate with virtually any IdP
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Lightweight with minimal resource usage
Highly available gateways
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Open-source and self-hosted
Modern encryption and authentication
</span>
</li>
</ul>
<ActionLink
className="inline-flex items-center text-accent-600 hover:underline text-lg mt-8"
href="/docs"
>
Access your personal project
</ActionLink>
</div>
<div className="bg-neutral-100 p-8 rounded shadow-md">
<div className="bg-neutral-100 p-8 border border-neutral-200">
<div className="flex items-center space-x-2.5">
<HiRocketLaunch className="flex-shrink-0 w-5 h-5 text-primary-450" />
<HiRocketLaunch className="flex-shrink-0 w-6 h-6 text-accent-600" />
<h3 className="text-xl tracking-tight font-bold text-neutral-900 ">
Growing businesses
Infrastructure Access
</h3>
</div>
<p className="mt-8 text-neutral-900 text-xl">
Keep up with increasing network and compliance demands as you
scale your team and infrastructure.
Empower engineers and DevOps to manage their team’s access to
technical resources like test/prod servers both on-prem, and in
the cloud.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Integrate your identity provider
Admin REST API
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Quickly onboard/offboard employees{" "}
Multiple admins per account
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Segment access for contractors
Docker and Terraform integrations
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
High performance, reduce bottlenecks
Automatically sync users and groups from your IdP
</span>
</li>
</ul>
<ActionLink
className="inline-flex items-center text-accent-600 hover:underline text-lg mt-8"
href="/docs"
>
Scale your secure access
</ActionLink>
</div>
<div className="bg-neutral-100 p-8 rounded shadow-md">
<div className="bg-neutral-100 p-8 border border-neutral-200">
<div className="flex items-center space-x-2.5">
<HiGlobeAlt className=" lex-shrink-0 w-5 h-5 text-primary-450" />
<HiGlobeAlt className=" lex-shrink-0 w-6 h-6 text-accent-600" />
<h3 className="text-xl tracking-tight font-bold text-neutral-900 ">
Remote organizations
Internet Security
</h3>
</div>
<p className="mt-8 text-neutral-900 text-xl">
Transitioning to remote? Perfect timing to replace the legacy VPN.
Improve your security posture and reduce support tickets.
Route sensitive internet traffic through a trusted gateway to keep
remote employees more secure, even when they’re traveling or using
public WiFi.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Require periodic re-authentication
Native clients for all major platforms
</span>
</li>
<li className="flex space-x-2.5">
@@ -469,66 +524,83 @@ export default function Page() {
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Self-serve user portal
Filter malicious or unwanted DNS requests
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Export logs to your observability platform
Monitor and audit authorized connections
</span>
</li>
</ul>
<ActionLink
className="inline-flex items-center text-accent-600 hover:underline text-lg mt-8"
href="/docs"
>
Secure your remote workforce
</ActionLink>
</div>
<div className="bg-neutral-100 p-8 rounded shadow-md">
<div className="bg-neutral-100 p-8 border border-neutral-200">
<div className="flex items-center space-x-2.5">
<HiWrenchScrewdriver className=" lex-shrink-0 w-5 h-5 text-primary-450" />
<HiHome className="flex-shrink-0 w-6 h-6 text-accent-600" />
<h3 className="text-xl tracking-tight font-bold text-neutral-900 ">
Technical IT teams
Homelab Access
</h3>
</div>
<p className="mt-8 text-neutral-900 text-xl">
Firezone runs on your infrastructure. Customize it to suit your
needs and architecture.
Securely access your home network, and services like Plex,
security cameras, a Raspberry Pi, and other self-hosted apps when
you’re away from home.
</p>
<ul role="list" className="my-6 lg:mb-0 space-y-4">
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Built on WireGuard®
Easy to setup and simple to manage
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
No vendor lock-in
Authenticate with Magic link or OIDC
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Supports OIDC and SAML 2.0
Reliable NAT traversal
</span>
</li>
<li className="flex space-x-2.5">
<HiCheck className="flex-shrink-0 w-5 h-5 text-neutral-900 font-bold " />
<span className="leading-tight text-lg text-neutral-900 ">
Flexible and configurable
Invite friends and family to your private network
</span>
</li>
</ul>
<ActionLink
className="inline-flex items-center text-accent-600 hover:underline text-lg mt-8"
href="/docs"
</div>
</div>
</section>
<section className="border-t border-neutral-200 py-24 bg-gradient-to-b from-accent-800 to-accent-700">
<div className="flex flex-col px-4 justify-center items-center">
<h2 className="mb-4 text-4xl tracking-tight text-center font-bold text-neutral-50">
Ready to get started?
</h2>
<h3 className="my-4 font-medium text-xl max-w-screen-md tracking-tight text-center text-neutral-200 ">
Give your team secure access to company resources in minutes.
</h3>
<div className="w-full max-w-screen-sm flex justify-between mt-8">
<button
type="button"
className="w-64 inline-flex shadow-lg justify-center items-center py-3 px-5 text-base font-normal text-center text-neutral-900 rounded bg-neutral-50 hover:scale-105 duration-0 transform transition"
>
Explore the documentation
</ActionLink>
<Link href="/product/early-access">
Register for early access
</Link>
</button>
<button
type="button"
className="w-64 inline-flex shadow-lg justify-center items-center py-3 px-5 text-base font-bold text-center text-white rounded bg-gradient-to-br from-primary-500 to-primary-450 hover:scale-105 duration-0 transform transition"
>
<Link href="/contact/sales">Request demo</Link>
<HiArrowLongRight className="ml-2 -mr-1 w-6 h-6" />
</button>
</div>
</div>
</section>