diff --git a/.prettierrc.json b/.prettierrc.json index 2153b9d90..80f14125e 100644 --- a/.prettierrc.json +++ b/.prettierrc.json @@ -1,4 +1,5 @@ { + "endOfLine": "lf", "trailingComma": "es5", "tabWidth": 2, "semi": true, diff --git a/website/public/images/ComplianceBody.svg b/website/public/images/ComplianceBody.svg new file mode 100644 index 000000000..2716e497f --- /dev/null +++ b/website/public/images/ComplianceBody.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/public/images/ComplianceHeader.svg b/website/public/images/ComplianceHeader.svg new file mode 100644 index 000000000..73ea1fc18 --- /dev/null +++ b/website/public/images/ComplianceHeader.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/public/images/simple-demonstration.png b/website/public/images/simple-demonstration.png new file mode 100644 index 000000000..48867ab0c Binary files /dev/null and b/website/public/images/simple-demonstration.png differ diff --git a/website/public/images/tailscale-logo.svg b/website/public/images/tailscale-logo.svg new file mode 100644 index 000000000..44398a248 --- /dev/null +++ b/website/public/images/tailscale-logo.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/public/images/twingate-logo.png b/website/public/images/twingate-logo.png new file mode 100644 index 000000000..e6861cd14 Binary files /dev/null and b/website/public/images/twingate-logo.png differ diff --git a/website/src/app/about/hero.tsx b/website/src/app/about/hero.tsx index 91eb9d8a2..a171e582b 100644 --- a/website/src/app/about/hero.tsx +++ b/website/src/app/about/hero.tsx @@ -1,6 +1,6 @@ export default function Hero() { return ( -
+

Fueling a safer, smarter world,{" "} diff --git a/website/src/app/about/investors.tsx b/website/src/app/about/investors.tsx index 84e3445a3..4a12b1264 100644 --- a/website/src/app/about/investors.tsx +++ b/website/src/app/about/investors.tsx @@ -20,7 +20,7 @@ export default function Investors() {

-
+
+

Our mission diff --git a/website/src/app/blog/layout.tsx b/website/src/app/blog/layout.tsx index 9e955134b..c588cd639 100644 --- a/website/src/app/blog/layout.tsx +++ b/website/src/app/blog/layout.tsx @@ -4,7 +4,7 @@ import Image from "next/image"; export default function Layout({ children }: { children: React.ReactNode }) { return (
-
+
Firezone logo light -
+
Firezone logo light -
+
- {/*
*/} - {/* */}

Upgrade your VPN to zero-trust access @@ -67,24 +63,24 @@ export default function Page() { } > Firezone is a fast, flexible VPN replacement built on WireGuard® - that protects your workforce without tedious configuration. + that protects your most valuable resources without tedious + configuration.

- + Get started for free +
+ + +
    +
  • + Tailscale +
    • +
  • + +
    • +
  • + Partial +
    • +
  • + +
    • +
  • + +
    • +
  • + Partial +
    • +
  • +
+
    +
  • + Twingate +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • +
-

Last updated: 07/14/2024

diff --git a/website/src/components/Blog/SummaryCard/index.tsx b/website/src/components/Blog/SummaryCard/index.tsx index 63f33a415..2b57c36f2 100644 --- a/website/src/components/Blog/SummaryCard/index.tsx +++ b/website/src/components/Blog/SummaryCard/index.tsx @@ -44,12 +44,7 @@ export default function SummaryCard({ /> {authorName}
- - Read more - + Read more
); diff --git a/website/src/components/CustomerLogos/index.tsx b/website/src/components/CustomerLogos/index.tsx index 145d3341d..b4751bf5a 100644 --- a/website/src/components/CustomerLogos/index.tsx +++ b/website/src/components/CustomerLogos/index.tsx @@ -180,7 +180,7 @@ export function CustomerLogosColored() { square1 logo, + }, + { + title: "Scales with your business.", + desc: "Automatic load balancing and failover with two or more Gateways.", + icon: ( + + ), + }, + { + title: "Minimize your attack surface.", + desc: "Firezone's hole-punching tech hides your resources from the internet.", + icon: , + }, + { + title: "Open source for full transparency.", + desc: "Our entire product is open-source, allowing anyone to audit the codebase.", + icon: , + }, + ]; + + interface OptionButtonProps { + title: string; + desc: string; + icon: ReactNode; + index: number; + } + + const OptionButton = ({ title, desc, icon, index }: OptionButtonProps) => { + return ( + + ); + }; + + return ( +
+
+
+
+ Stay Connected +
+
+

+ Supercharge your workforce + in minutes. +

+
+
+

+ Firezone secures apps, services, networks and everything in + between. +

+

+ No ACL hell required. +

+
+
+ +
+ {data.map((item, index) => ( + + ))} +
+
+
+ Elevator pitch graphic +
+
+ ); +} diff --git a/website/src/components/FeatureCards/index.tsx b/website/src/components/FeatureCards/index.tsx new file mode 100644 index 000000000..b272886f9 --- /dev/null +++ b/website/src/components/FeatureCards/index.tsx @@ -0,0 +1,110 @@ +"use client"; + +import { ReactNode, useState } from "react"; +import { HiCloud, HiMiniPuzzlePiece, HiLockClosed } from "react-icons/hi2"; +import { SlideIn } from "@/components/Animations"; +import { manrope } from "@/lib/fonts"; +import ActionLink from "../ActionLink"; +import UpgradeDiagram from "../Animations/UpgradeDiagram"; + +export default function FeatureCards() { + return ( +
+
+
+
+
+ built for you +
+
+

+ Simplify access management + with WireGuard. +

+
+
+
+

+ Seamlessly manage thousands of lightweight tunnels to whatever + resources you need, whenever. +

+ + Protect your resources + +
+
+ {/*
+
+ +
*/} + +
+ +
+ +
+

+ Flexible +

+

+ Control access to VPCs, subnets, hosts by IP or DNS, and even + public SaaS apps. +

+ + +
+ +
+

+ Secure +

+

+ Users and groups automatically sync with your identity provider, + so access is revoked immediately. +

+ + +
+ +
+

+ Granular +

+

+ Restrict access even further with port-level rules that control + access to services, even on the same host. +

+ +
+
+
+ ); +} diff --git a/website/src/components/Footer/index.tsx b/website/src/components/Footer/index.tsx index 529a56604..b755bbecb 100644 --- a/website/src/components/Footer/index.tsx +++ b/website/src/components/Footer/index.tsx @@ -14,54 +14,50 @@ import { LinuxIcon, AndroidIcon, } from "@/components/Icons"; +import { manrope } from "@/lib/fonts"; export default function Footer() { return ( -