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/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 ( -
- +
+
= ({ title, content = "", ctas }) => { title={title} content={content} ctas={ctas} - size="large" + size="dynamic" className="col-span-12 texwt-gray-100 lg:col-span-7" /> diff --git a/data/pages/index.json b/data/pages/index.json index 31edad7..5cb2a19 100644 --- a/data/pages/index.json +++ b/data/pages/index.json @@ -69,23 +69,10 @@ } ] }, - "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", - "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", @@ -100,6 +87,13 @@ "color": "black", "arrow": true, "title": "Desktop app ->" + }, + { + "href": "/get-bzz", + "background": "transparent", + "color": "black", + "arrow": true, + "title": "Get BZZ ->" } ], "tabs": [ @@ -158,6 +152,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": { diff --git a/pages/index.tsx b/pages/index.tsx index 3a50f75..5e2bb68 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -37,13 +37,6 @@ const Home: NextPage = (props: any) => { - } - tagline={content.odyssey.tagline} - /> - { tabs={content.develop.tabs as Array} /> + } + tagline={content.odyssey.tagline} + /> +