From 431370844ecdac591752878ce22d20963f648b27 Mon Sep 17 00:00:00 2001 From: Martin Date: Fri, 15 Nov 2024 10:56:52 +0100 Subject: [PATCH 1/4] Dynamic hero title size --- components/common/Header.tsx | 8 ++++++-- components/sections/LandingHero.tsx | 2 +- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/components/common/Header.tsx b/components/common/Header.tsx index 1409dfa..3b4525b 100644 --- a/components/common/Header.tsx +++ b/components/common/Header.tsx @@ -1,7 +1,6 @@ import { CtaType } from "types"; import { ButtonGroup, SectionContent, Tagline } from "."; import { cx } from "utils"; -import { InfoIcon } from "@/icons/components"; type HeaderProps = { tagline?: string; @@ -9,7 +8,7 @@ type HeaderProps = { id?: string; content?: string; ctas?: Array; - size?: "small" | "medium" | "medium-large" | "large"; + size?: "small" | "medium" | "medium-large" | "large" | "dynamic"; className?: string; }; @@ -37,6 +36,8 @@ const Header: React.FC = ({ "text-[48px] leading-[49px] md:text-[64px] md:leading-[1.2] tracking-[-1%]", large: "text-[56px] leading-[64px] md:text-[88px] md:leading-[97px] tracking-[-0.88px]", + dynamic: + "text-[13vw] leading-[1.14] md:text-[88px] md:leading-[97px] tracking-[-0.88px]", }[size] )} dangerouslySetInnerHTML={{ __html: title }} @@ -52,6 +53,8 @@ const Header: React.FC = ({ "medium-large": "md:text-[17px] md:leading-[24px] mt-4 md:mr-8", large: "text-base md:text-[19px] md:leading-[26px] mt-8 md:mt-6 md:mr-[72px]", + dynamic: + "text-base md:text-[19px] md:leading-[26px] mt-8 md:mt-6 md:mr-[72px]", }[size] )} content={content} @@ -67,6 +70,7 @@ const Header: React.FC = ({ medium: "mt-6", "medium-large": "mt-8", large: " mt-8", + dynamic: " mt-8", }[size] )} /> diff --git a/components/sections/LandingHero.tsx b/components/sections/LandingHero.tsx index af4ed6d..d7c71c7 100644 --- a/components/sections/LandingHero.tsx +++ b/components/sections/LandingHero.tsx @@ -18,7 +18,7 @@ const LandingHero: React.FC = ({ title, content = "", ctas }) => { title={title} content={content} ctas={ctas} - size="large" + size="dynamic" className="col-span-12 texwt-gray-100 lg:col-span-7" /> From 9c5c94db51c8e51fa020e4fb3a113d4b20101107 Mon Sep 17 00:00:00 2001 From: Gasper Zupan Date: Tue, 26 Nov 2024 09:29:16 +0100 Subject: [PATCH 2/4] change sections order --- data/pages/index.json | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/data/pages/index.json b/data/pages/index.json index 31edad7..8d8483a 100644 --- a/data/pages/index.json +++ b/data/pages/index.json @@ -69,19 +69,6 @@ } ] }, - "odyssey": { - "title": "Odyssey Data Upload", - "tagline": "Sustainable Development Goals", - "content": "The Swarm Foundation aims to empower non-profits to store their data securely and censorship-resistant. Swarm will subsidise data uploads from selected projects to incentivise public goods and advance the Sustainable Development Goals.", - "ctas": [ - { - "href": "https://my.ethswarm.org/uploads", - "background": "purple", - "color": "black", - "title": "Apply ->" - } - ] - }, "develop": { "tagline": "Real-world ready", "title": "Develop fast and free", @@ -158,6 +145,19 @@ ], "code": "Bee API" } + ] + }, + "odyssey": { + "title": "Odyssey Data Upload", + "tagline": "Sustainable Development Goals", + "content": "The Swarm Foundation aims to empower non-profits to store their data securely and censorship-resistant. Swarm will subsidise data uploads from selected projects to incentivise public goods and advance the Sustainable Development Goals.", + "ctas": [ + { + "href": "https://my.ethswarm.org/uploads", + "background": "purple", + "color": "black", + "title": "Apply ->" + } ] }, "fairdata": { From 5a0bfdce094e648bb33ff1b92eb9125ad3e32d16 Mon Sep 17 00:00:00 2001 From: Gasper Zupan Date: Tue, 26 Nov 2024 09:46:50 +0100 Subject: [PATCH 3/4] update Develop fast section --- data/pages/index.json | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/data/pages/index.json b/data/pages/index.json index 8d8483a..5cb2a19 100644 --- a/data/pages/index.json +++ b/data/pages/index.json @@ -70,9 +70,9 @@ ] }, "develop": { - "tagline": "Real-world ready", - "title": "Develop fast and free", - "content": "Swarm provides a complete stack of essential base layer components for developers. Build and host dApps, NFT meta-data, and media files, all within a decentralised framework!", + "tagline": "Embrace decentralisation", + "title": "Build with freedom, scale without limits", + "content": "Swarm delivers a powerful base-layer stack tailored for forward-thinking users. Privacy-focused and cypherpunk-inspired, it's the decentralised framework for the next generation of creators and advocates.", "ctas": [ { "href": "/build", @@ -87,6 +87,13 @@ "color": "black", "arrow": true, "title": "Desktop app ->" + }, + { + "href": "/get-bzz", + "background": "transparent", + "color": "black", + "arrow": true, + "title": "Get BZZ ->" } ], "tabs": [ From 9df23799873503ed5df43731a3a08d5e830cf4c3 Mon Sep 17 00:00:00 2001 From: Martin Date: Tue, 26 Nov 2024 15:34:11 +0100 Subject: [PATCH 4/4] Change order of components no the landing page --- components/sections/DevelopSection.tsx | 4 ++-- pages/index.tsx | 14 +++++++------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/components/sections/DevelopSection.tsx b/components/sections/DevelopSection.tsx index 73af9fd..4e50607 100644 --- a/components/sections/DevelopSection.tsx +++ b/components/sections/DevelopSection.tsx @@ -20,8 +20,8 @@ const DevelopSection: React.FC = ({ tabs, }) => { return ( -
- +
+
{ - } - tagline={content.odyssey.tagline} - /> - { tabs={content.develop.tabs as Array} /> + } + tagline={content.odyssey.tagline} + /> +