/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const CompLibrary = require('../../core/CompLibrary.js');
const MarkdownBlock = CompLibrary.MarkdownBlock; /* Used to read markdown */
const Container = CompLibrary.Container;
const GridBlock = CompLibrary.GridBlock;
class HomeSplash extends React.Component {
render() {
const {siteConfig, language = ''} = this.props;
const {baseUrl, docsUrl} = siteConfig;
const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`;
const langPart = `${language ? `${language}/` : ''}`;
const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
const SplashContainer = props => (
);
const Logo = props => (
);
const ProjectTitle = () => (
{siteConfig.title}
{siteConfig.tagline}
);
const PromoSection = props => (
);
const Button = props => (
);
return (
);
}
}
class Index extends React.Component {
render() {
const {config: siteConfig, language = ''} = this.props;
const {baseUrl} = siteConfig;
const Block = props => (
);
const FeatureCallout = () => (
Features
- Fully customisable product catalog management. Capture any attribute of your product
- Fully integrated with Wagtail - Use all features of Wagtail as normal (add a blog, articles or any other wagtail plugin)
- Multiple payment backend integrations; Stripe, Braintree, Paypal...
- Dashboard view in the Wagtail admin shows statistics about your shop
);
const Support = () => (
Support Longclaw
);
const TryOut = () => (
{[
{
content: 'Checkout the Longclaw Bakery for a full demonstration shop',
image: `${baseUrl}img/shop.png`,
imageAlign: 'left',
title: 'Try it Out',
},
]}
);
const Description = () => (
{[
{
content:
'This is another description of how this project is useful',
image: `${baseUrl}img/shop.png`,
imageAlign: 'right',
title: 'Description',
},
]}
);
const LearnHow = () => (
{[
{
content: 'Visit the documentation',
image: `${baseUrl}img/shop.png`,
imageAlign: 'right',
title: 'Learn How',
},
]}
);
const Features = () => (
{[
{
content: 'Manage your inventory, orders and more through the Wagtail admin',
image: `${baseUrl}img/wagtail.png`,
imageAlign: 'top',
title: 'Power of Wagtail',
},
{
content: 'Longclaw comes with a comprehensive project template - get going with a simple command: `longclaw start my_project`',
image: `${baseUrl}img/shop.png`,
imageAlign: 'top',
title: 'Easy to set up',
},
{
content: 'Fully customisable product catalog management, support for multiple payment backends and full control over the appearance and layout of your shop',
image: `${baseUrl}img/shop.png`,
imageAlign: 'top',
title: 'Flexible',
},
]}
);
const Showcase = () => {
if ((siteConfig.users || []).length === 0) {
return null;
}
const showcase = siteConfig.users
.filter(user => user.pinned)
.map(user => (
));
const pageUrl = page => baseUrl + (language ? `${language}/` : '') + page;
return (
Who is Using This?
This project is used by all these people
{showcase}
);
};
return (
);
}
}
module.exports = Index;