diff --git a/web/e.cash/components/h2/index.js b/web/e.cash/components/h2/index.js index 2ba2239b0..ce0a9f953 100644 --- a/web/e.cash/components/h2/index.js +++ b/web/e.cash/components/h2/index.js @@ -1,18 +1,28 @@ +// Copyright (c) 2023 The Bitcoin developers +// Distributed under the MIT software license, see the accompanying +// file COPYING or http://www.opensource.org/licenses/mit-license.php. + import GlitchText from '/components/glitch-text'; import Image from 'next/image'; import h2graphic from '/public/images/h2-graphic.svg'; import { StyledH3, StyledH2, H2Image } from './styles'; -export default function H2({ subtext, text }) { +/** + * Return a styled h2, styled h3 and decorative image + * @param {string} subtect h3 string to render + * @param {string} text h2 string to render + * @param {boolean} center optional value to center the image + */ +export default function H2({ subtext, text, center }) { return ( <> {subtext} - + eCash ); } diff --git a/web/e.cash/components/h2/styles.js b/web/e.cash/components/h2/styles.js index 18fca0b52..f92ec66f8 100644 --- a/web/e.cash/components/h2/styles.js +++ b/web/e.cash/components/h2/styles.js @@ -1,39 +1,41 @@ import styled from 'styled-components'; export const StyledH3 = styled.h3` margin: 0; font-size: 20px; font-weight: 400; color: ${props => props.theme.colors.primaryLight}; line-height: 1em; margin-bottom: 10px; position: relative; `; export const StyledH2 = styled.h2` margin: 0; font-size: 55px; font-weight: 700; line-height: 1em; position: relative; margin-bottom: 70px; display: inline-block; ${props => props.theme.breakpoint.medium} { font-size: 40px; margin-bottom: 60px; } `; export const H2Image = styled.div` width: 380px; height: 60px; position: absolute; bottom: -40px; left: 0; + right: ${props => (props.center ? '0' : 'unset')}; + margin: ${props => (props.center ? 'auto' : 'unset')}; ${props => props.theme.filters.grayscale}; ${props => props.theme.breakpoint.medium} { width: 300px; height: 47px; bottom: -27px; } `; diff --git a/web/e.cash/pages/index.js b/web/e.cash/pages/index.js index 936f77b09..bfaa46e93 100644 --- a/web/e.cash/pages/index.js +++ b/web/e.cash/pages/index.js @@ -1,112 +1,112 @@ import Image from 'next/image'; import Link from 'next/link'; import Layout from '/components/layout'; import VideoBackground from '/components/videobackground'; import GlitchText from '/components/glitch-text'; import { Container } from '/components/atoms'; import { socials } from '/data/socials'; import { Hero, ButtonCtn, HeroImage, GradientSpacer, StoryAndWhySection, Overlay, StorySection, YouTubeVideo, PixelBorder, RoadmpaSection, } from '/styles/pages/homepage'; import Button from '/components/button'; import H2 from '/components/h2'; import Hand from '/public/images/hand.png'; import Roadmap from '/components/roadmap'; export default function Home() { return (

WEALTH

Simple. Instant. Secure.
Experience the revolutionary new money powered by Avalanche.

eCash