From f415abfebcfdcc1122b2ca9e5cdc38723c2f248f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrick=20M=C3=BCller?= <38216565+herrpatrickmueller@users.noreply.github.com> Date: Thu, 13 Feb 2025 11:14:42 +0100 Subject: [PATCH] collection of small enhancements on the front page (#4391) * change flex direction to row in all breakpoints and add flex wrap to ctas in home hero * inline chain fusion svg logo for better loading performance, remove the static asset --- src/components/LandingPage/Hero/Hero.tsx | 17 ++-- src/pages/chainfusion.tsx | 89 ++++++++++++++------- static/img/chainfusion/chainfusion-logo.svg | 35 -------- 3 files changed, 69 insertions(+), 72 deletions(-) delete mode 100644 static/img/chainfusion/chainfusion-logo.svg diff --git a/src/components/LandingPage/Hero/Hero.tsx b/src/components/LandingPage/Hero/Hero.tsx index 9bdceff5e4..b574148e70 100644 --- a/src/components/LandingPage/Hero/Hero.tsx +++ b/src/components/LandingPage/Hero/Hero.tsx @@ -1,17 +1,18 @@ -import { useDarkHeaderInHero } from "@site/src/utils/use-dark-header-in-hero"; -import { useFontsLoaded } from "@site/src/utils/use-fonts-loaded"; -import transitions from "@site/static/transitions.json"; +import { EthEquivalentTxRate, TotalBlocks } from "./Stats"; +import { QueryClient, QueryClientProvider } from "react-query"; import React, { useRef } from "react"; + import AnimateSpawn from "../../Common/AnimateSpawn"; import DarkHeroStyles from "../../Common/DarkHeroStyles"; import HomeAnimation from "./HomeAnimation"; -import { EthEquivalentTxRate, TotalBlocks } from "./Stats"; - -import { QueryClient, QueryClientProvider } from "react-query"; import Link from "@docusaurus/Link"; -import LinkArrowUpRight from "../../Common/Icons/LinkArrowUpRight"; import LinkArrowRight from "../../Common/Icons/LinkArrowRight"; +import LinkArrowUpRight from "../../Common/Icons/LinkArrowUpRight"; import TwitterIcon from "../../Common/Icons/TwitterIcon"; +import transitions from "@site/static/transitions.json"; +import { useDarkHeaderInHero } from "@site/src/utils/use-dark-header-in-hero"; +import { useFontsLoaded } from "@site/src/utils/use-fonts-loaded"; + const queryClient = new QueryClient(); const Hero: React.FC<{ @@ -60,7 +61,7 @@ const Hero: React.FC<{ secure front-ends, ledgers, enterprise apps, and AI models. TCP/IP connected software. Now ICP hosts software.
-