Changeset View
Changeset View
Standalone View
Standalone View
web/e.cash/pages/index.js
Show All 14 Lines | import { | ||||
GradientSpacer, | GradientSpacer, | ||||
StoryAndWhySection, | StoryAndWhySection, | ||||
Overlay, | Overlay, | ||||
StorySection, | StorySection, | ||||
YouTubeVideo, | YouTubeVideo, | ||||
PixelBorder, | PixelBorder, | ||||
RoadmapSection, | RoadmapSection, | ||||
TilesSectionCtn, | TilesSectionCtn, | ||||
MarginButtonWrapper, | |||||
} from '/styles/pages/homepage'; | } from '/styles/pages/homepage'; | ||||
import Button from '/components/button'; | import Button from '/components/button'; | ||||
import H2 from '/components/h2'; | import H2 from '/components/h2'; | ||||
import Hand from '/public/images/hand.png'; | import Hand from '/public/images/hand.png'; | ||||
import HomepageTiles from '/components/homepage-tiles'; | import HomepageTiles from '/components/homepage-tiles'; | ||||
import Roadmap from '/components/roadmap'; | import Roadmap from '/components/roadmap'; | ||||
export default function Home() { | export default function Home() { | ||||
Show All 12 Lines | return ( | ||||
Experience the revolutionary new money powered by | Experience the revolutionary new money powered by | ||||
Avalanche. | Avalanche. | ||||
</p> | </p> | ||||
<HeroImage> | <HeroImage> | ||||
<Image src={Hand} alt="eCash" fill /> | <Image src={Hand} alt="eCash" fill /> | ||||
</HeroImage> | </HeroImage> | ||||
<ButtonCtn> | <ButtonCtn> | ||||
<Button | <Button | ||||
text="About eCash" | |||||
link="#about-ecash" | |||||
corner="topLeft" | |||||
/> | |||||
<MarginButtonWrapper> | |||||
<Button | |||||
text="Avalanche Consensus" | text="Avalanche Consensus" | ||||
link="https://avalanche.cash/" | link="https://avalanche.cash/" | ||||
color="white" | color="white" | ||||
glow | glow | ||||
/> | /> | ||||
</MarginButtonWrapper> | |||||
<Button | |||||
text="Get eCash" | |||||
link="/get-ecash" | |||||
color="accent" | |||||
corner="bottomRight" | |||||
/> | |||||
</ButtonCtn> | </ButtonCtn> | ||||
<div className="social-ctn"> | <div className="social-ctn"> | ||||
{socials.map(social => ( | {socials.map(social => ( | ||||
<Link | <Link | ||||
className="social-icon-ctn" | className="social-icon-ctn" | ||||
href={social.link} | href={social.link} | ||||
target="_blank" | target="_blank" | ||||
rel="noreferrer" | rel="noreferrer" | ||||
Show All 9 Lines | return ( | ||||
</div> | </div> | ||||
</Container> | </Container> | ||||
</Hero> | </Hero> | ||||
<GradientSpacer /> | <GradientSpacer /> | ||||
<StoryAndWhySection> | <StoryAndWhySection> | ||||
<Overlay /> | <Overlay /> | ||||
<Container> | <Container> | ||||
<StorySection> | <StorySection> | ||||
<div> | <div id="about-ecash"> | ||||
<H2 subtext="The eCash Story" text="GET STARTED" /> | <H2 subtext="The eCash Story" text="GET STARTED" /> | ||||
<p> | <p> | ||||
Introducing eCash: the new battle-tested | Introducing eCash: the new battle-tested | ||||
cryptocurrency forged from centuries of economic | cryptocurrency forged from centuries of economic | ||||
theory and over a decade of real-world crypto | theory and over a decade of real-world crypto | ||||
experience. eCash is the implementation of the | experience. eCash is the implementation of the | ||||
tech-secured sound money envisioned by | tech-secured sound money envisioned by | ||||
luminaries in monetary philosophy like Milton | luminaries in monetary philosophy like Milton | ||||
Show All 36 Lines |