diff --git a/landing/asset-meta-data.js b/landing/asset-meta-data.js --- a/landing/asset-meta-data.js +++ b/landing/asset-meta-data.js @@ -1,10 +1,21 @@ // @flow +import css from './landing.css'; + export type ImageAsset = { +alt: string, +url: string, }; +export type Asset = { + +containerClassName: string, + +colorHeader: boolean, + +headerTextContent: string, + +paragraphTextContent: string, + +navLinkDestination: string, + +linkTextContent: string, +}; + export const assetsCacheURLPrefix = 'https://dh9fld3hutpxf.cloudfront.net'; export const imageAssetMetaData = [ { @@ -12,3 +23,24 @@ url: `${assetsCacheURLPrefix}/hero`, }, ]; + +export const assetMetaData = [ + { + containerClassName: css.keyserverInfo, + colorHeader: true, + headerTextContent: 'Own your data and communities with keyservers', + paragraphTextContent: + 'Porem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molesti, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.', + navLinkDestination: '/keyservers', + linkTextContent: 'Learn more about keyservers', + }, + { + containerClassName: css.teamInfo, + colorHeader: false, + headerTextContent: 'Our story and vision', + paragraphTextContent: + 'Porem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molesti, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.', + navLinkDestination: '/team', + linkTextContent: 'Learn more about our team', + }, +]; diff --git a/landing/landing.css b/landing/landing.css --- a/landing/landing.css +++ b/landing/landing.css @@ -25,3 +25,16 @@ .pageContentContainer { position: relative; } + +.keyserverInfo { + display: flex; + flex-direction: column; + align-items: center; + background-color: var(--light-dark-page-background); +} + +.teamInfo { + display: flex; + flex-direction: column; + align-items: center; +}