162 lines
6.7 KiB
JavaScript
162 lines
6.7 KiB
JavaScript
'use strict';
|
|
|
|
var jsxRuntime = require('react/jsx-runtime');
|
|
var designSystem = require('@strapi/design-system');
|
|
var admin = require('@strapi/strapi/admin');
|
|
var reactIntl = require('react-intl');
|
|
var styledComponents = require('styled-components');
|
|
var Cloud = require('../components/Cloud.js');
|
|
var Github = require('../components/Github.js');
|
|
var getTrad = require('../utils/getTrad.js');
|
|
var cornerOrnament = require('./assets/corner-ornament.svg.js');
|
|
var leftSideCloud = require('./assets/left-side-cloud.png.js');
|
|
var rightSideCloud = require('./assets/right-side-cloud.png.js');
|
|
|
|
const LogoContainer = styledComponents.styled(designSystem.Box)`
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
|
|
img {
|
|
width: 15rem;
|
|
}
|
|
`;
|
|
const RightSideCloudContainer = styledComponents.styled(designSystem.Box)`
|
|
position: absolute;
|
|
top: 400px;
|
|
right: 0;
|
|
|
|
img {
|
|
width: 15rem;
|
|
}
|
|
`;
|
|
const LeftSideCloudContainer = styledComponents.styled(designSystem.Box)`
|
|
position: absolute;
|
|
top: 150px;
|
|
left: 56px;
|
|
|
|
img {
|
|
width: 15rem;
|
|
}
|
|
`;
|
|
const HomePage = ()=>{
|
|
const { formatMessage } = reactIntl.useIntl();
|
|
return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
|
|
paddingLeft: 10,
|
|
paddingRight: 10,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(RightSideCloudContainer, {
|
|
children: /*#__PURE__*/ jsxRuntime.jsx("img", {
|
|
alt: "right-side-cloud",
|
|
"aria-hidden": true,
|
|
src: rightSideCloud
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(LeftSideCloudContainer, {
|
|
children: /*#__PURE__*/ jsxRuntime.jsx("img", {
|
|
alt: "left-side-cloud",
|
|
"aria-hidden": true,
|
|
src: leftSideCloud
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(LogoContainer, {
|
|
children: /*#__PURE__*/ jsxRuntime.jsx("img", {
|
|
alt: "strapi-corner-ornament",
|
|
"aria-hidden": true,
|
|
src: cornerOrnament
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
|
|
paddingLeft: 10,
|
|
paddingRight: 10,
|
|
paddingBottom: 8,
|
|
paddingTop: 10,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
direction: "column",
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
minWidth: 0,
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
tag: "h1",
|
|
variant: "alpha",
|
|
children: formatMessage({
|
|
id: getTrad.getTrad('Homepage.title'),
|
|
defaultMessage: 'Fully-managed Cloud Hosting for your Strapi Project'
|
|
})
|
|
})
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
alignItems: "center",
|
|
direction: "column",
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
variant: "epsilon",
|
|
textColor: "neutral600",
|
|
tag: "p",
|
|
children: formatMessage({
|
|
id: getTrad.getTrad('Homepage.subTitle'),
|
|
defaultMessage: 'Follow this 2 steps process to get Everything You Need to Run Strapi in Production.'
|
|
})
|
|
})
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
|
|
padding: 10,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsxs(admin.Layouts.Grid, {
|
|
size: "M",
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(Github.GithubBox, {}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(Cloud.CloudBox, {})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
|
|
padding: 6,
|
|
borderRadius: 8,
|
|
hasRadius: true,
|
|
background: "neutral0",
|
|
borderColor: "neutral200",
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
paddingBottom: 2,
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
variant: "delta",
|
|
fontWeight: "bold",
|
|
textColor: "neutral1000",
|
|
tag: "p",
|
|
children: formatMessage({
|
|
id: getTrad.getTrad('Homepage.textBox.label.versioned'),
|
|
defaultMessage: 'Try Strapi Cloud for Free!'
|
|
})
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
|
|
variant: "epsilon",
|
|
textColor: "neutral1000",
|
|
tag: "p",
|
|
children: [
|
|
formatMessage({
|
|
id: getTrad.getTrad('Homepage.textBox.text.versioned'),
|
|
defaultMessage: 'Strapi Cloud offers a 14 days free trial for you to experiment with your project on the cloud including all features.'
|
|
}),
|
|
' ',
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
|
|
href: "https://strapi.io/cloud?utm_campaign=Strapi%20Cloud%20Plugin&utm_source=In-Product&utm_medium=CTA",
|
|
children: "Learn more"
|
|
})
|
|
]
|
|
})
|
|
]
|
|
})
|
|
]
|
|
})
|
|
]
|
|
});
|
|
};
|
|
|
|
exports.HomePage = HomePage;
|
|
//# sourceMappingURL=HomePage.js.map
|