diff --git a/website/public/images/1984-logo.svg b/website/public/images/1984-logo.svg new file mode 100644 index 000000000..54e51e950 --- /dev/null +++ b/website/public/images/1984-logo.svg @@ -0,0 +1,14 @@ + + + Group Copy + + + + + + + + + + + \ No newline at end of file diff --git a/website/public/images/amino-logo.png b/website/public/images/amino-logo.png new file mode 100644 index 000000000..62f41e628 Binary files /dev/null and b/website/public/images/amino-logo.png differ diff --git a/website/public/images/gaingels-logo.png b/website/public/images/gaingels-logo.png new file mode 100644 index 000000000..2de88aaac Binary files /dev/null and b/website/public/images/gaingels-logo.png differ diff --git a/website/public/images/helium3-logo.png b/website/public/images/helium3-logo.png new file mode 100644 index 000000000..1e030ff4d Binary files /dev/null and b/website/public/images/helium3-logo.png differ diff --git a/website/public/images/story.png b/website/public/images/story.png new file mode 100644 index 000000000..7d5bbdbde Binary files /dev/null and b/website/public/images/story.png differ diff --git a/website/public/images/uncorrelated-logo.png b/website/public/images/uncorrelated-logo.png new file mode 100644 index 000000000..00905f723 Binary files /dev/null and b/website/public/images/uncorrelated-logo.png differ diff --git a/website/public/images/yc-logo-square.svg b/website/public/images/yc-logo-square.svg new file mode 100644 index 000000000..b502950a2 --- /dev/null +++ b/website/public/images/yc-logo-square.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/website/src/app/about/contact.tsx b/website/src/app/about/contact.tsx new file mode 100644 index 000000000..583fc7f57 --- /dev/null +++ b/website/src/app/about/contact.tsx @@ -0,0 +1,54 @@ +import Link from "next/link"; +import { LinkedInIcon, GitHubIcon, XIcon } from "@/components/Icons"; + +export default function Contact() { + return ( +
+
+

+ Contact us +

+ + + + + + + + + + + + + +
+ Media Inquiries: + + + media@firezone.dev + +
+ Other Inquiries: + + + support@firezone.dev + +
+ Social: + + + + +
+
+
+ ); +} diff --git a/website/src/app/about/hero.tsx b/website/src/app/about/hero.tsx new file mode 100644 index 000000000..e3d52002a --- /dev/null +++ b/website/src/app/about/hero.tsx @@ -0,0 +1,12 @@ +export default function Hero() { + return ( +
+
+

+ Fueling a safer, smarter world,{" "} + one connection at a time. +

+
+
+ ); +} diff --git a/website/src/app/about/investors.tsx b/website/src/app/about/investors.tsx new file mode 100644 index 000000000..e11ffd66a --- /dev/null +++ b/website/src/app/about/investors.tsx @@ -0,0 +1,85 @@ +import Link from "next/link"; +import Image from "next/image"; + +export default function Investors() { + return ( +
+
+

+ INVESTORS +

+
+
+ + Y Combinator + +
+
+
+ + 1984 Ventures + +
+
+
+ + Uncorrelated Ventures + +
+
+ + Helium-3 Ventures + +
+
+ + Amino Capital + +
+
+ + Gaingels + +
+
+
+
+ ); +} diff --git a/website/src/app/team/layout.tsx b/website/src/app/about/layout.tsx similarity index 100% rename from website/src/app/team/layout.tsx rename to website/src/app/about/layout.tsx diff --git a/website/src/app/about/mission.tsx b/website/src/app/about/mission.tsx new file mode 100644 index 000000000..b01f7e2c6 --- /dev/null +++ b/website/src/app/about/mission.tsx @@ -0,0 +1,19 @@ +import Link from "next/link"; + +export default function Mission() { + return ( +
+
+

+ OUR MISSION +

+

+ To reshape how humanity accesses computer resources, weaving{" "} + simplicity and{" "} + security into the fabric of + global connectivity. +

+
+
+ ); +} diff --git a/website/src/app/about/page.tsx b/website/src/app/about/page.tsx new file mode 100644 index 000000000..f3da0b9d5 --- /dev/null +++ b/website/src/app/about/page.tsx @@ -0,0 +1,23 @@ +import Link from "next/link"; +import Image from "next/image"; +import Hero from "./hero"; +import Story from "./story"; +import Mission from "./mission"; +import Principles from "./principles"; +import Investors from "./investors"; +import Team from "./team"; +import Contact from "./contact"; + +export default function Page() { + return ( + <> + + + + + + + + + ); +} diff --git a/website/src/app/about/principles.tsx b/website/src/app/about/principles.tsx new file mode 100644 index 000000000..07fdd501a --- /dev/null +++ b/website/src/app/about/principles.tsx @@ -0,0 +1,59 @@ +export default function Principles() { + return ( +
+
+

+ OUR PRINCIPLES +

+
+
+

+ TRANSPARENCY +

+

+ Always be open and honest with our customers, partners, and + employees. Never hide behind a wall of secrecy. +

+
+
+

+ PRIVACY +

+

+ We maintain only the bare minimum of data required to operate the + Firezone product and never sell or share it with third parties. +

+
+
+

+ COLLABORATION +

+

+ We work together to achieve our goals, and celebrate our successes + as a team. Everyone's voice is heard and respected. +

+
+
+

+ SENSIBILITY +

+

+ We don't believe in hype or buzzwords. We believe in building + products that solve real problems for real people. +

+
+
+

+ PLURALITY +

+

+ The best ideas come from a diverse set of backgrounds and + experiences. We strive to build a team that reflects the world we + live in. +

+
+
+
+
+ ); +} diff --git a/website/src/app/about/story.tsx b/website/src/app/about/story.tsx new file mode 100644 index 000000000..22b2c1fbd --- /dev/null +++ b/website/src/app/about/story.tsx @@ -0,0 +1,108 @@ +import Link from "next/link"; +import Image from "next/image"; + +export default function Story() { + return ( +
+
+
+

+ How it all started +

+

+ Founded in 2021 by Jamil Bou Kheir and Jason Gong, Firezone + originally started as a side project to make it easier to use + WireGuard.{" "} + 130 releases{" "} + and 15,000+{" "} + users later, it's grown into something much more. +

+
+
+
+ Firezone story +
+
+
    +
  1. +
    + +

    + First commit +

    +

    + The{" "} + + initial commit + {" "} + of the Firezone codebase is made. +

    +
    2. +
  2. +
    + +

    + First public release +

    +

    + The first public release of Firezone is{" "} + + announced + {" "} + on Hacker News. +

    +
    3. +
  3. +
    + +

    + YC acceptance +

    +

    + Firezone is accepted into YC's Winter 2022 batch. +

    +
    4. +
  4. +
    + +

    + Funding +

    +

    + Firezone graduates from the YC Winter 2022 batch and raises a + seed round. +

    +
    5. +
+
+
+
+
+ ); +} diff --git a/website/src/app/team/page.tsx b/website/src/app/about/team.tsx similarity index 69% rename from website/src/app/team/page.tsx rename to website/src/app/about/team.tsx index 4cc926b70..67a168605 100644 --- a/website/src/app/team/page.tsx +++ b/website/src/app/about/team.tsx @@ -1,20 +1,20 @@ -import Link from "next/link"; -import Image from "next/image"; import gravatar from "@/lib/gravatar"; -import { LinkedInIcon, GitHubIcon, TwitterIcon } from "@/components/Icons"; +import { LinkedInIcon, GitHubIcon, XIcon } from "@/components/Icons"; +import Image from "next/image"; +import Link from "next/link"; -function renderTeamMember({ +function teamMember({ name, title, imgSrc, - twitterUrl, + xUrl, githubUrl, linkedinUrl, }: { name: string; title: string; imgSrc: string; - twitterUrl?: URL; + xUrl?: URL; githubUrl?: URL; linkedinUrl?: URL; }) { @@ -33,9 +33,9 @@ function renderTeamMember({ {title}
    - {twitterUrl && ( + {xUrl && (
  • - +
    • )} {githubUrl && ( @@ -53,14 +53,13 @@ function renderTeamMember({ ); } - -export default function Page() { +export default function Team() { const team = [ { name: "Jamil Bou Kheir", title: "CEO/Founder", imgSrc: gravatar("jamil@firezone.dev", 200), - twitterUrl: new URL("https://twitter.com/jamilbk"), + xUrl: new URL("https://x.com/jamilbk"), githubUrl: new URL("https://github.com/jamilbk"), linkedinUrl: new URL("https://linkedin.com/in/jamilbk"), }, @@ -68,14 +67,14 @@ export default function Page() { name: "Gabriel Steinberg", title: "Senior Backend Engineer", imgSrc: "/images/avatars/gabriel.png", - twitterUrl: new URL("https://twitter.com/tapingmemory"), + xUrl: new URL("https://x.com/tapingmemory"), githubUrl: new URL("https://github.com/conectado"), }, { name: "Andrew Dryga", title: "Founding Engineer", imgSrc: "/images/avatars/andrew.jpg", - twitterUrl: new URL("https://twitter.com/andrew_dryga"), + xUrl: new URL("https://x.com/andrew_dryga"), githubUrl: new URL("https://github.com/andrewdryga"), linkedinUrl: new URL("https://linkedin.com/in/andrew-dryga-bb382557"), }, @@ -90,7 +89,7 @@ export default function Page() { name: "Thomas Eizinger", title: "Distributed Systems Engineer", imgSrc: "/images/avatars/thomas.jpeg", - twitterUrl: new URL("https://twitter.com/oetzn"), + xUrl: new URL("https://x.com/oetzn"), githubUrl: new URL("https://github.com/thomaseizinger"), linkedinUrl: new URL("https://www.linkedin.com/in/thomas-eizinger"), }, @@ -98,7 +97,7 @@ export default function Page() { name: "Roopesh Chander", title: "Apple Platform Engineer", imgSrc: gravatar("roop@roopc.net", 200), - twitterUrl: new URL("https://twitter.com/roopcnet"), + xUrl: new URL("https://x.com/roopcnet"), githubUrl: new URL("https://github.com/roop"), }, { @@ -126,30 +125,29 @@ export default function Page() { ]; return ( -
    +
    -
    -

    - Meet the Firezone team. -

    -

    - {/* FIXME: Make this less fluffy */} - See the driving force behind Firezone -- a team dedicated to - crafting secure and accessible software for a connected world. - Committed to transparency and innovation, our diverse group of - experts collaborates seamlessly to empower users with reliable and - security-focused technology, redefining the way we connect in the - digital landscape. +
    +

    + Meet the team.

    -
    -
    -

    - THE FIREZONE TEAM -

    +

    + Firezone is built by a global team of motivated individuals. Our + passion for security, reliability, and code quality permeates + everything we do, and since we’re open source, you can{" "} + + see for yourself + + . The team has experience building enterprise networking solutions + at companies like Cisco, Marqeta, Tailscale, and more. +

    {team.map((person) => { - return renderTeamMember(person); + return teamMember(person); })}

    diff --git a/website/src/app/blog/enterprises-choose-open-source/page.tsx b/website/src/app/blog/enterprises-choose-open-source/page.tsx index c1350d311..4f7f8a656 100644 --- a/website/src/app/blog/enterprises-choose-open-source/page.tsx +++ b/website/src/app/blog/enterprises-choose-open-source/page.tsx @@ -12,7 +12,7 @@ export default function Page() { return ( {children}
    ; + return ( +
    +
    + Firezone logo light +
    + {children} +
    + ); } diff --git a/website/src/app/pricing/page.tsx b/website/src/app/pricing/page.tsx index b402c126f..f7720fc67 100644 --- a/website/src/app/pricing/page.tsx +++ b/website/src/app/pricing/page.tsx @@ -15,7 +15,7 @@ export default function Page() {
    -

    +

    Plans & Pricing

    diff --git a/website/src/components/Footer/index.tsx b/website/src/components/Footer/index.tsx index 09976e4cf..b833cb48e 100644 --- a/website/src/components/Footer/index.tsx +++ b/website/src/components/Footer/index.tsx @@ -4,7 +4,7 @@ import Link from "next/link"; import Image from "next/image"; import ConsentPreferences from "@/components/ConsentPreferences"; -import { LinkedInIcon, GitHubIcon, TwitterIcon } from "@/components/Icons"; +import { LinkedInIcon, GitHubIcon, XIcon } from "@/components/Icons"; export default function Footer() { return ( @@ -37,6 +37,11 @@ export default function Footer() { Company
      +
    • + + About + +
    • Home @@ -52,11 +57,6 @@ export default function Footer() { Blog
      • -
    • - - Team - -
    • - Twitter + X
    • @@ -198,7 +198,7 @@ export default function Footer() {
      - + @@ -22,17 +20,15 @@ export function LinkedInIcon({ url }: { url: URL }) { export function GitHubIcon({ url }: { url: URL }) { return ( - + GitHub account @@ -40,18 +36,20 @@ export function GitHubIcon({ url }: { url: URL }) { ); } -export function TwitterIcon({ url }: { url: URL }) { +export function XIcon({ url }: { url: URL }) { return ( - Twitter page + X page ); }