From 9a5d87739ab045bdd1d7b4ce3da29056bfcf995c Mon Sep 17 00:00:00 2001 From: Jamil Date: Thu, 26 Sep 2024 15:58:33 -0700 Subject: [PATCH] fix(website): `Sign in` -> `Admin portal` and fix mobile safari SVG crash (#6839) - Address customer feedback re: sign in link - Mobile safari crash fixed with simplified/optimized SVG --- website/public/images/ribbon.svg | 268 +------------------- website/src/app/globals.css | 6 + website/src/app/page.tsx | 119 ++++----- website/src/components/RootNavbar/index.tsx | 2 +- website/src/styles/hero.css | 4 - 5 files changed, 69 insertions(+), 330 deletions(-) delete mode 100644 website/src/styles/hero.css diff --git a/website/public/images/ribbon.svg b/website/public/images/ribbon.svg index 692166975..f2cd3d0a4 100644 --- a/website/public/images/ribbon.svg +++ b/website/public/images/ribbon.svg @@ -1,267 +1,3 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + diff --git a/website/src/app/globals.css b/website/src/app/globals.css index dffa62149..d1fca177f 100644 --- a/website/src/app/globals.css +++ b/website/src/app/globals.css @@ -96,3 +96,9 @@ } } } + +@layer utilities { + .bg-hero { + background-image: url("/images/ribbon.svg"); + } +} diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx index 422792419..cdd772928 100644 --- a/website/src/app/page.tsx +++ b/website/src/app/page.tsx @@ -22,7 +22,6 @@ import { FadeIn, } from "@/components/Animations"; import ElevatorPitch from "@/components/ElevatorPitch"; -import "@/styles/hero.css"; import CustomerTestimonials from "@/components/CustomerTestimonials"; import FeatureCards from "@/components/FeatureCards"; import SingleFeature from "@/components/SingleFeature"; @@ -39,67 +38,69 @@ export const metadata: Metadata = { export default function Page() { return ( <> -
-
- - - - Internet Resources, REST API, and more - - - -

- Upgrade your VPN to zero-trust access -

-

- Firezone is a fast, flexible VPN replacement built on WireGuard® - that protects your most valuable resources without tedious - configuration. -

-
-
- - Get started for free - -
-
- +
+
+
+ + + + Internet Resources, REST API, and more + + + +

+ Upgrade your VPN to zero-trust access +

+

+ Firezone is a fast, flexible VPN replacement built on WireGuard® + that protects your most valuable resources without tedious + configuration. +

+
+
+ + Get started for free + +
+
+ +
-
-
-
- Backed by{" "} - yc logo gray{" "} - and trusted by hundreds of organizations +
+
+ Backed by{" "} + yc logo gray{" "} + and trusted by hundreds of organizations +
+
-
diff --git a/website/src/components/RootNavbar/index.tsx b/website/src/components/RootNavbar/index.tsx index f4c5b59bc..63e4c0381 100644 --- a/website/src/components/RootNavbar/index.tsx +++ b/website/src/components/RootNavbar/index.tsx @@ -316,7 +316,7 @@ export default function RootNavbar() { className="md:translate-y-0.5 block py-2 pl-3 pr-4 md:p-0 font-medium md:border-transparent hover:text-primary-450 md:border-b-2 hover:border-primary-450 duration-50 transition transform" href="https://app.firezone.dev" > - Sign in + Admin portal